/* Approved use-case presentation shared by all industry pages. */
.boss-use-case { --boss-ink:#000; --boss-muted:#000; color:#000; }
.boss-use-case .ind-hero { padding-top:170px; background:radial-gradient(ellipse at 50% 7%,#e7f6f8,transparent 47%),#fff; }
.boss-use-case .ind-breadcrumb { align-items:center; justify-content:center; flex-direction:column; gap:15px; margin-bottom:30px; color:#000; font-size:12px; }
.agency-breadcrumb-logo { display:flex; align-items:center; flex-shrink:0; }
.agency-breadcrumb-logo img { display:block; width:94px; height:auto; }
.boss-use-case .agency-brand-line .boss-eyebrow { margin:0; font-size:10px; letter-spacing:.08em; line-height:1.6; }
.boss-use-case .ind-breadcrumb>span[aria-hidden] { color:#accbd1; font-size:21px; font-weight:300; }
.boss-use-case .ind-hero-copy { display:block; text-align:center; margin-bottom:88px; }
.boss-use-case .boss-eyebrow { color:#000; }
.boss-use-case h1 { max-width:1080px; margin-inline:auto; font-size:clamp(50px,5.1vw,76px); line-height:1.06; letter-spacing:-.052em; text-wrap:balance; }
.boss-use-case h1>span { color:#000; }
.boss-use-case .ind-hero-intro .boss-lead { font-size:18px; line-height:1.7; color:#000; }
.boss-use-case .ind-hero-copy .boss-eyebrow { font-size:11px; letter-spacing:.1em; }
.boss-use-case .ind-hero-intro { max-width:720px; margin:24px auto 0; padding-bottom:0; }
.boss-use-case .ind-hero-copy .boss-actions { justify-content:center; gap:25px; margin-top:25px; }
.boss-use-case .ind-hero-copy .boss-button { background:#253c54; border-color:#253c54; box-shadow:0 5px 16px #253c5424; color:#fff; min-height:48px; padding:13px 24px; }
.boss-use-case .ind-hero-copy .boss-button:hover { background:#192d42; border-color:#192d42; }
.boss-use-case .ind-hero-copy .boss-text-link { color:#000; text-decoration-color:#56c6d2; }
.boss-use-case :is(.ind-direct-answer,.ind-priority-copy>p,.ind-feature-links>h3,.ind-final-intro,.ind-final-alternative,.ind-related>span,.boss-faq-list details>p,.boss-industry-cost-heading>p,.boss-industry-cost-note,.boss-industry-cost-sources,.boss-industry-cost-role,.boss-industry-cost-table caption,.boss-industry-cost-table thead,.boss-industry-cost-table td>small,.boss-industry-cost-brand strong,.boss-industry-cost-brand>span>span,.boss-industry-cost-table tfoot,.boss-industry-cost-pro>p,.boss-industry-cost-price>span,figure>figcaption) { color:#000; }
.boss-use-case .boss-text-gradient { color:#000; background:none; -webkit-text-fill-color:#000; }
.boss-use-case .ind-feature-links>a { color:#000; font-size:15px; }
.boss-use-case .ind-priority-copy>p:not(.boss-eyebrow) { font-size:17px; }
.boss-use-case .ind-priority { padding-block:88px; }
.agency-demo-cta { display:flex; align-items:center; justify-content:center; gap:30px; padding:28px 0 40px; }
.agency-demo-cta>p { color:#172b39; font-size:15px; margin:0; }
.agency-demo-cta .boss-actions { margin:0; gap:23px; }
.boss-use-case :is(.agency-demo-cta,.agency-workflow-cta,.agency-cost-boss) .boss-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:#253c54; border-color:#253c54; color:#fff; box-shadow:0 4px 12px #253c5418; font-size:13px; font-weight:500; padding:12px 19px; min-height:44px; }
.boss-use-case :is(.agency-demo-cta,.agency-workflow-cta,.agency-cost-boss) .boss-button:hover { background:#192d42; border-color:#192d42; }
.boss-use-case .agency-workflow-cta .boss-button-outline { background:transparent; border-color:#aacdd9; color:#253c54; box-shadow:none; }
.boss-use-case .agency-workflow-cta .boss-button-outline:hover { background:#e4f4f7; border-color:#7cb9c7; }
.agency-workflow-cta { margin-top:26px; }
.boss-use-case .agency-demo-cta .boss-text-link { font-size:13px; color:#253c54; text-decoration-color:#56c6d2; display:inline-flex; align-items:center; gap:6px; }
.boss-use-case :is(.agency-demo-cta,.agency-workflow-cta) a:focus-visible { outline:2px solid #338798!important; outline-offset:4px; }
@media(max-width:760px) { .agency-demo-cta { flex-direction:column; gap:17px; padding:22px 0 30px; }.agency-demo-cta .boss-actions { justify-content:center; gap:18px; }.agency-demo-cta>p { font-size:14px; }.agency-workflow-cta { margin-top:23px; } }

/* Four familiar agency requests, with the homepage's ChatGPT / Claude UI. */
.agency-demo { margin:0; padding-bottom:12px; }
.agency-demo-heading { display:grid; grid-template-columns:1fr; justify-items:center; gap:18px; max-width:840px; margin:0 auto 38px; text-align:center; }
.boss-use-case .agency-demo-heading h2 { font-size:27px; letter-spacing:-.03em; line-height:1.4; text-wrap:balance; }
.agency-demo-heading>p { max-width:660px; font-size:15px; line-height:1.8; margin:0; text-wrap:balance; }
.agency-demo-stage { padding:26px; border:1px solid #78c1cb; border-radius:24px; background:radial-gradient(ellipse at 9% 0%,#e5f7f9,transparent 55%),linear-gradient(125deg,#c9edf1,#83d2dc); box-shadow:0 20px 50px -35px #253c5480; }
.agency-demo-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:20px; }
.agency-demo-tabs { display:flex; flex-wrap:wrap; gap:8px; }
.agency-demo-tabs>button { display:flex; align-items:center; gap:10px; border:1px solid #87bec9; border-radius:8px; background:#f4fcfdb8; color:#000; padding:12px 16px; min-height:46px; font:500 13px/1.4 Inter,sans-serif; cursor:pointer; transition:background .2s,border-color .2s; }
.agency-demo-tabs>button>span { flex:none; white-space:nowrap; font-size:10px; font-weight:400; opacity:.55; }
.agency-demo-tabs>button:hover { background:#eefbfd; border-color:#338798; }
.agency-demo-tabs>button[aria-selected=true] { background:#253c54; color:#fff; border-color:#253c54; box-shadow:0 3px 9px #253c541f; }
.agency-scene { position:relative; margin-bottom:0; min-width:0; }
.agency-workspace { overflow:hidden; border:1px solid #6eafbd; border-radius:14px; background:#d8eef2; box-shadow:0 16px 40px -25px #253c54a6; }
.agency-workspace-bar { display:flex; align-items:center; gap:24px; padding:15px 22px; min-height:48px; font-size:11px; background:#d9eff3; border-bottom:1px solid #9fcbd4; }
.agency-workspace-bar>span:first-child { display:flex; align-items:center; gap:8px; font-weight:600; }
.agency-workspace-bar i { width:6px; height:6px; border-radius:50%; background:#338798; }
.agency-workspace-bar>span:last-child { margin-left:auto; font-size:10px; }
.agency-workspace-screen { position:relative; height:550px; overflow:hidden; }
.agency-workspace-capture { display:block; width:100%; height:auto; min-height:100%; object-fit:cover; object-position:top; filter:contrast(1.1) saturate(1.15); }
.industry-workspace-backdrop { position:absolute; inset:0; min-width:900px; height:100%; background:#f3fafc; }
.industry-workspace-backdrop .ind-screen { height:100%; border:0; border-radius:0; box-shadow:none; }
.industry-workspace-backdrop .ind-screen-body { padding:23px; }
.industry-workspace-backdrop .ind-board { grid-template-columns:repeat(3,minmax(0,1fr)); }
.industry-workspace-backdrop .ind-task { min-height:170px; }
.agency-record-checklist small { display:block; margin-left:auto; font-size:8px; color:#287f90; }
.agency-screen-shade { position:absolute; inset:0; background:linear-gradient(180deg,transparent 10%,rgb(37 60 84 / 5%) 50%,rgb(37 60 84 / 16%)); }
.agency-action-card { position:absolute; left:10%; top:95px; width:43%; max-width:455px; background:#fff; border:1px solid #abcbd3; border-radius:10px; box-shadow:0 14px 44px #253c5438; transition:border-color .3s,box-shadow .3s; }
.agency-action-bar { display:flex; justify-content:space-between; align-items:center; min-height:39px; background:#def2f5; border-bottom:1px solid #b7dce3; border-radius:10px 10px 0 0; padding:11px 21px; font-size:11px; }
.agency-action-body { padding:21px 24px 18px; }
.agency-record-context { font-size:10px; margin-bottom:9px!important; }
.boss-use-case .agency-action-card h3 { font-size:23px; line-height:1.25; font-weight:500; letter-spacing:-.025em; margin:0 0 20px; }
.agency-record-owner { display:flex; align-items:center; gap:9px; padding-bottom:18px; border-bottom:1px solid #e7eff2; font-size:12px; }
.agency-record-owner>img { border-radius:50%; }
.agency-record-owner>span { margin-left:auto; font-size:11px; }
.agency-record-owner strong,.agency-record-owner b { font-weight:500; }
.agency-record-label { font-size:10px; margin-top:16px!important; }
.agency-record-checklist { padding:0!important; margin:8px 0 0!important; list-style:none!important; }
.agency-record-checklist>li { display:flex; align-items:center; gap:9px; padding:7px 0; font-size:12px; line-height:1.4; }
.agency-record-checklist>li>span { width:12px; height:12px; border:1px solid #adc8d0; border-radius:3px; flex-shrink:0; }
.agency-record-saved { font-size:10px; padding-top:13px; border-top:1px solid #e5eff2; margin-top:14px!important; display:flex; align-items:center; gap:6px; }
.agency-record-saved>span { display:grid; place-items:center; background:#aee5eb; border-radius:50%; width:17px; height:17px; }
.agency-record-amount { font-size:39px; line-height:1.2; letter-spacing:-.045em; margin-bottom:20px!important; font-weight:500; }
.agency-record-fields { margin:0 0 18px; font-size:12px; }
.agency-record-fields>div { display:flex; justify-content:space-between; padding:6px 0; gap:12px; }
.agency-record-fields dt { font-weight:400; }
.agency-record-fields dd { margin:0; font-weight:500; }
.agency-spend-meter { height:7px; background:#eaf2f4; border-radius:8px; overflow:hidden; margin-bottom:12px; }
.agency-spend-meter>span { display:block; width:50%; height:100%; background:#56c6d2; transition:width .5s ease; }
.agency-record-note { font-size:11px; line-height:1.65; }
.agency-unpaid { font-size:9px; vertical-align:middle; display:inline-block; padding:5px 8px; background:#fff2d4; border-radius:5px; margin-left:12px; letter-spacing:0; }
.agency-record-followup { display:flex; gap:10px; border:1px solid #dcecf0; background:#f4fafb; border-radius:7px; padding:13px; margin-top:20px; font-size:12px; }
.agency-record-followup strong { font-weight:500; }
.agency-record-followup div>span { display:block; margin-top:5px; font-size:10px; }
.boss-use-case .agency-chat-dock { position:absolute; right:3%; bottom:24px; width:35%; z-index:3; }
.boss-use-case .agency-chat { position:relative; inset:auto; width:100%; height:430px; min-height:0; margin:0; border-radius:13px; box-shadow:0 16px 45px #253c5438; }
.agency-agent-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-bottom:10px; padding:7px; border:1px solid #ffffffeb; border-radius:15px; background:#f4f9fbe6; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 5px 24px #253c5426,0 1px 4px #253c5414; }
.agency-agent-picker>button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 8px; border:1px solid #b4d3dc; border-radius:9px; background:#ffffffed; color:#253c54; font:500 11px/1.3 Inter,sans-serif; cursor:pointer; box-shadow:0 4px 14px #253c5410; }
.agency-agent-picker>button[aria-pressed=true] { background:#dff3f6; border-color:#338798; box-shadow:inset 0 0 0 1px #338798; }
.agency-agent-picker>button:hover { background:#edf9fb; }
.agency-agent-picker img { flex:none; width:20px; height:20px; object-fit:contain; }
.agency-agent-picker>button[data-agency-agent=claude] img { filter:invert(54%) sepia(33%) saturate(784%) hue-rotate(331deg) brightness(94%) contrast(87%); }
.boss-use-case .agency-chat.is-copilot { background:#f7f9ff; border-color:#d8def0; }
.boss-use-case .agency-chat.is-copilot .boss-agent-chat-header { background:#f7f9ff; border-color:#e0e5f2; }
.boss-use-case .agency-chat.is-copilot .boss-agent-chat-header>img { filter:none; }
.boss-use-case .agency-chat.is-copilot .boss-agent-message.is-user { background:#e7efff; }
.boss-use-case .agency-chat.is-copilot .boss-agent-composer { border-color:#d5ddee; }
.boss-use-case .agency-chat.is-copilot .boss-agent-composer>svg { background:#4256a6; }
.agency-prompt { display:grid; }
.agency-prompt-reserve,[data-agency-prompt] { grid-area:1/1; }
.agency-prompt-reserve { visibility:hidden; }
.agency-scene[data-stage=typing] [data-agency-prompt]:after { content:''; display:inline-block; width:2px; height:1em; margin-left:2px; background:currentColor; vertical-align:-.1em; animation:agency-type-caret .55s steps(1) infinite; }
@keyframes agency-type-caret { 50% { opacity:0; } }
.agency-action-cursor b { font-weight:400; }
.agency-demo:not(.is-enhanced) .agency-agent-picker { display:none; }
.boss-use-case .agency-chat .boss-agent-chat-header { min-height:56px; padding:15px 20px; }
.boss-use-case .agency-chat .boss-agent-messages { padding:20px 20px 12px; gap:19px; overflow-y:auto; }
.boss-use-case .agency-chat .boss-agent-message>p { font-size:13px; line-height:1.75; color:#000; }
.boss-use-case .agency-chat .boss-agent-message.is-user { margin-left:16px; padding:12px 15px; }
.boss-use-case .agency-chat .boss-agent-message.is-assistant { padding-right:0; }
.boss-use-case .agency-chat .boss-agent-composer { display:flex; flex-shrink:0; min-height:43px; padding:8px 11px 8px 15px; margin:0 16px; border-radius:22px; font-size:11px; }
.boss-use-case .agency-chat .boss-agent-chat-footer { padding:9px; color:#000; }
.boss-use-case .agency-chat .boss-agent-receipt { font-size:9px; color:#000; }
.agency-agent-working { display:none; align-items:center; gap:5px; font-size:10px; padding:12px 0; }
.agency-agent-working>span { width:4px; height:4px; background:#698591; border-radius:50%; }
.agency-agent-working>span:last-child { margin-right:4px; }
.agency-action-cursor { position:absolute; z-index:2; left:58%; top:80%; display:flex; align-items:flex-start; pointer-events:none; opacity:0; transition:left 1s ease,top 1s ease,opacity .2s; }
.agency-action-cursor>span { display:flex; align-items:center; gap:5px; background:#253c54; color:#fff; border-radius:16px; padding:5px 8px; font-size:9px; margin-top:15px; }
.agency-action-cursor img { background:#fff; padding:2px; border-radius:50%; }
.agency-demo.is-enhanced .agency-scene:not([data-stage=complete]) [data-agency-reveal] { visibility:hidden; }
.agency-demo.is-enhanced .agency-scene:not([data-stage=complete]) [data-agency-reply] { display:none; }
.agency-demo.is-enhanced .agency-scene[data-stage=working] .agency-agent-working { display:flex; }
.agency-demo.is-enhanced .agency-scene:not([data-stage=complete]) .agency-spend-meter>span { width:0; }
.agency-scene[data-stage=working] .agency-action-cursor { opacity:1; left:43%; top:51%; }
.agency-scene[data-stage=working] .agency-action-card { border-color:#56c6d2; box-shadow:0 0 0 4px #56c6d229,0 14px 44px #253c5421; }
.agency-demo:not(.is-enhanced) .agency-demo-toolbar { display:none; }
.agency-demo:not(.is-enhanced) .agency-scene { margin-bottom:30px; }

/* Homepage tool logos and shared-context benefits follow the agency demo. */
.boss-use-case .agency-connected-tools { margin-top:64px; padding:38px 0 42px; background:var(--boss-ai-gradient); }
.boss-use-case .agency-connected-tools .boss-mcp-tools { display:flex; justify-content:center; gap:20px 28px; margin:0; padding:0; border:0; }
.boss-use-case .agency-connected-tools .boss-mcp-tools-label { flex-basis:100%; width:100%; margin:0; padding:0; text-align:center; font-size:13px; color:var(--boss-ai-label); }
.boss-use-case .agency-connected-tools .boss-mcp-tools>span:not(.boss-mcp-tools-label) { font-size:12px; gap:8px; }
.boss-use-case .agency-connected-tools .boss-mcp-tools img { width:22px; height:22px; }

/* Conversation bubbles make each pain point feel like a moment in an agency. */
.boss-use-case .agency-pains { padding:90px 0 80px; }
.agency-pains-heading { text-align:center; margin-bottom:40px; }
.boss-use-case .agency-pains-heading h2 { font-size:clamp(32px,3.6vw,48px); }
.agency-pains-heading .boss-eyebrow { margin-bottom:17px; }
.agency-pains-heading>p:last-child { font-size:16px; margin:19px auto 0; max-width:580px; }
.agency-pain-bubbles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; padding:10px 0 26px; }
.agency-pain:nth-child(2) { padding-top:34px; }
.agency-pain:nth-child(3) { padding-top:10px; }
.agency-pain blockquote { position:relative; background:#def2f5; border:1px solid #abd7df; border-radius:24px 24px 24px 6px; padding:27px 29px 22px; min-height:180px; }
.agency-pain:nth-child(2) blockquote { background:#e5edf5; border-color:#c0d0e1; }
.agency-pain:nth-child(3) blockquote { background:#c5ebef; border-color:#94d2db; }
.agency-pain blockquote>p { font-size:25px; letter-spacing:-.035em; line-height:1.4; }
.agency-pain-typing { display:flex; gap:4px; margin-top:20px; }
.agency-pain-typing>i { width:4px; height:4px; border-radius:50%; background:#000; opacity:.25; }
.agency-pain-person { display:flex; align-items:center; gap:10px; margin:15px 0 0 9px; font-size:11px; }
.agency-pain-person>img { border-radius:50%; }
.boss-use-case .agency-pains .ind-direct-answer { text-align:center; max-width:880px; margin:20px auto 0; font-size:18px; line-height:1.8; }

/* Readable comparisons; the FAQ uses the homepage's shared layout and rows. */
.boss-use-case .boss-industry-cost-brand img { width:34px; height:34px; flex-shrink:0; }
.boss-use-case .boss-industry-cost-role { max-width:210px; }
.boss-use-case .boss-industry-cost-table th,.boss-use-case .boss-industry-cost-table td { padding-block:24px; }
.boss-use-case .boss-industry-cost-pro { background:linear-gradient(140deg,#e6f7f9,#c7ebf0); border-color:#a4d4de; }
.boss-use-case .ind-faq { background:#f2f9fb; border-color:#d6e8ee; padding-block:75px; }
.boss-use-case .ind-faq .boss-section-heading { max-width:none; margin-bottom:0; }
.boss-use-case .ind-faq .boss-section-heading h2 { font-size:clamp(28px,2.6vw,36px); line-height:1.25; }
.boss-use-case .ind-faq .boss-faq-list summary { color:#000; }
.boss-use-case .ind-faq .boss-faq-list details[open]>summary { color:#1b626f; }

/* Extend the logo palette through the agency story and closing email form. */
.boss-use-case .boss-button { background:#253c54; border-color:#253c54; color:#fff; box-shadow:0 5px 16px #253c5424; }
.boss-use-case .boss-button:hover { background:#192d42; border-color:#192d42; }
.boss-use-case :where(a,button,input):focus-visible { outline-color:#338798; }
.boss-use-case .ind-priority { border-color:#dcebf0; }
.boss-use-case .ind-priority:nth-child(2n) { background:#f0f8fa; }
.boss-use-case .ind-feature-links>a { border-color:#cbdfe6; }
.boss-use-case .ind-feature-links>a>span { color:#338798; }
.boss-use-case .ind-screen { color:#000; border-color:#9dcdd8; box-shadow:0 18px 42px -27px #253c5466; }
.boss-use-case .ind-screen-nav { background:#dcf1f5; border-color:#b6dce5; }
.boss-use-case .ind-screen-nav .ind-nav-active { color:#253c54; }
.boss-use-case .ind-screen-search { background:#f7fcfd; border-color:#c8e3ea; color:#526c80; }
.boss-use-case :is(.ind-screen-heading small,.ind-board-tools,.ind-column-heading>span,.ind-task-type,.ind-task>p,.ind-task-bottom,.ind-budget>small,.ind-budget-numbers>strong>small,.ind-budget-numbers>span,.ind-budget-context>p,.ind-team-head,.ind-team-row p,.ind-team-note) { color:#253c54; }
.boss-use-case .ind-screen-badge { color:#253c54; background:#dff3f6; }
.boss-use-case .ind-board-tools { border-color:#dcebf0; }
.boss-use-case .ind-board-tools>span:nth-child(3) { color:#287485; }
.boss-use-case .ind-board-column { background:#eaf5f8; }
.boss-use-case .ind-column-heading>i { border-color:#338798; background:#56c6d2; }
.boss-use-case .ind-task { border-color:#cfe2e8; box-shadow:0 2px 3px #253c5408; }
.boss-use-case .ind-skeleton { background:#cedfe8; }
.boss-use-case .ind-skeleton-avatar { background:#b9e6ed; }
.boss-use-case .ind-team-head,.boss-use-case .ind-team-row { border-color:#d4e6ec; }
.boss-use-case .ind-team-row>span { background:#dcf2f5; color:#253c54; }
.boss-use-case .ind-budget-bar { background:#e0edf2; }
.boss-use-case .ind-budget-bar>span { background:linear-gradient(90deg,#56c6d2,#338798); }
.boss-use-case .ind-budget-context { border-color:#cfe3ea; }
.boss-use-case :is(.boss-industry-cost-table th,.boss-industry-cost-table td,.boss-industry-cost-difference) { border-color:#bfdce5; }
.boss-use-case .boss-industry-cost-difference { color:#253c54; }
.boss-use-case .ind-faq summary:after { color:#253c54; }
.boss-use-case .ind-related { border-top:0; margin-top:0; padding-top:28px; }
.boss-use-case .ind-related>a { color:#253c54; text-decoration-color:#56c6d2; }
.boss-use-case .ind-final { background:radial-gradient(ellipse at 85% 100%,#56c6d21c,transparent 60%),linear-gradient(125deg,#253c54,#193647); color:#fff; }
.boss-use-case + .boss-restored-footer { border-top:1px solid #dbe9ee; border-image:none; }
.boss-use-case .ind-final h2 { color:#fff; }
.boss-use-case .ind-final .boss-eyebrow { color:#9ddfe6; }
.boss-use-case .ind-final .ind-final-intro,.boss-use-case .ind-final .ind-final-alternative { color:#dfebf0; }
.boss-use-case .boss-demo-email-control { background:#fff; border-color:#a6d0dc; box-shadow:0 8px 28px #253c5414; }
.boss-use-case .boss-demo-email-control:focus-within { outline-color:#83d8e1; }
.boss-use-case .boss-demo-email-control button { background:#56c6d2; color:#193647; }
.boss-use-case .boss-demo-email-control button:hover { background:#a0e1e7; color:#193647; }
.boss-use-case .boss-demo-email-control button:focus-visible { outline-color:#253c54; }
.boss-use-case .ind-final .boss-demo-privacy { color:#b8d0db; }
.boss-use-case .ind-final :is(.boss-demo-privacy,.ind-final-alternative) a { color:#a5e1e6; text-decoration-color:#6faab7; }
.boss-use-case .ind-final :is(.boss-demo-privacy,.ind-final-alternative) a:hover { color:#fff; text-decoration-color:#a5e1e6; }
.boss-use-case .ind-final a:focus-visible { outline:2px solid #83d8e1!important; outline-offset:4px; }
.boss-use-case .boss-demo-status[data-state=success] { background:#e7f7f9; border-color:#9bd4df; color:#253c54; }

@media(min-width:1500px) { .boss-use-case .agency-workspace-screen { height:580px; } }
@media(max-width:1100px) {
  .agency-demo-stage { padding:21px; }
  .agency-demo-tabs>button { padding:11px 12px; gap:7px; font-size:12px; }
  .agency-workspace-screen { height:550px; }
  .agency-action-card { left:4%; width:47%; top:88px; }
  .boss-use-case .agency-chat-dock { right:2.5%; width:40%; }
  .boss-use-case .agency-chat { height:440px; }
  .agency-action-body { padding:20px; }
  .agency-pain blockquote { padding:23px; }
  .agency-pain blockquote>p { font-size:23px; }
}
@media(max-width:850px) {
  .boss-use-case .agency-connected-tools .boss-mcp-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px 18px; }
  .boss-use-case .agency-connected-tools .boss-mcp-tools-label { grid-column:1/-1; }
  .boss-use-case .ind-hero-copy { margin-bottom:68px; }
  .boss-use-case h1 { max-width:730px; font-size:50px; }
  .boss-use-case .ind-hero-intro { max-width:610px; }
  .agency-demo-heading { gap:16px; }
  .agency-demo-stage { padding:18px; border-radius:19px; }
  .agency-demo-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); flex:1; }
  .agency-demo-tabs>button { justify-content:flex-start; }
  .agency-demo-toolbar { align-items:flex-end; }
  .agency-workspace-screen { height:580px; }
  .agency-action-card { top:68px; left:3%; width:46%; }
  .boss-use-case .agency-chat-dock { width:45%; right:3%; bottom:20px; }
  .boss-use-case .agency-chat { height:470px; }
  .boss-use-case .agency-chat .boss-agent-messages { padding:17px 15px 10px; gap:14px; }
  .boss-use-case .agency-chat .boss-agent-message>p { font-size:12px; }
  .boss-use-case .agency-action-card h3 { font-size:21px; }
  .agency-action-body { padding:18px; }
  .agency-record-owner { flex-wrap:wrap; }
  .agency-record-owner>span { margin-left:0; flex-basis:100%; }
  .agency-record-checklist>li { font-size:11px; }
  .agency-pain-bubbles { gap:17px; }
  .agency-pain blockquote { padding:22px 19px; min-height:175px; }
  .agency-pain blockquote>p { font-size:21px; }
}
@media(max-width:650px) {
  .boss-use-case .agency-connected-tools { margin-top:42px; padding-block:30px; }
  .boss-use-case .agency-connected-tools .boss-mcp-tools { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:350px; margin-inline:auto; }
  .boss-use-case .ind-hero { padding-top:138px; }
  .boss-use-case .ind-breadcrumb { font-size:10px; gap:12px; margin-bottom:29px; }
  .agency-breadcrumb-logo img { width:78px; }
  .boss-use-case .agency-brand-line .boss-eyebrow { font-size:9px; letter-spacing:.06em; }
  .boss-use-case h1 { font-size:42px; max-width:540px; }
  .boss-use-case h1>span { display:inline; }
  .boss-use-case .agency-brand-line { text-align:center; }
  .boss-use-case .ind-hero-copy .boss-eyebrow { font-size:10px; line-height:1.8; letter-spacing:.06em; }
  .boss-use-case .ind-hero-intro .boss-lead { font-size:16px; }
  .boss-use-case .ind-hero-copy { margin-bottom:60px; }
  .boss-use-case .ind-hero-intro { margin-top:20px; }
  .boss-use-case .ind-hero-copy .boss-actions { gap:18px; }
  .boss-use-case .agency-demo-heading h2 { font-size:21px; }
  .agency-demo-heading { margin-bottom:28px; }
  .agency-demo-heading>p { font-size:14px; }
  .agency-demo-stage { padding:14px 10px; margin-inline:-7px; border-radius:17px; }
  .agency-demo-toolbar { flex-wrap:wrap; gap:4px; margin-bottom:12px; }
  .agency-demo-tabs { flex-basis:100%; gap:7px; }
  .agency-demo-tabs>button { padding:11px 10px; gap:7px; font-size:11px; min-height:46px; }
  .agency-demo-tabs>button>span { font-size:9px; }
  .agency-scene { display:flex; flex-direction:column; }
  .agency-workspace-bar { padding:12px; gap:8px; font-size:9px; }
  .agency-workspace-bar>span:nth-child(2) { display:none; }
  .agency-workspace-bar>span:last-child { font-size:8px; }
  .agency-workspace-screen { height:auto; min-height:405px; padding:37px 0 25px; }
  .agency-workspace-capture { position:absolute; top:0; left:0; width:810px; max-width:none; min-height:0; }
  .agency-action-card { position:relative; left:auto; top:auto; width:88%; max-width:none; margin:auto; }
  .agency-action-body { padding:19px 21px 17px; }
  .agency-action-bar { padding:10px 20px; }
  .boss-use-case .agency-action-card h3 { font-size:22px; margin-bottom:17px; }
  .agency-record-owner { flex-wrap:nowrap; padding-bottom:14px; }
  .agency-record-owner>span { flex-basis:auto; margin-left:auto; }
  .agency-record-checklist>li { font-size:12px; }
  .boss-use-case .agency-chat-dock { position:relative; inset:auto; width:calc(100% - 16px); margin:12px 8px 0; }
  .boss-use-case .agency-chat { height:auto; min-height:345px; border-radius:12px; box-shadow:0 12px 35px #253c5430; }
  .agency-agent-picker>button { font-size:10px; gap:5px; padding-inline:6px; }
  .boss-use-case .agency-chat .boss-agent-chat-header { padding:15px 19px; }
  .boss-use-case .agency-chat .boss-agent-messages { padding:20px; gap:18px; flex:1; }
  .boss-use-case .agency-chat .boss-agent-message>p { font-size:13px; }
  .boss-use-case .agency-chat .boss-agent-composer { margin-top:8px; }
  .boss-use-case .agency-pains { padding-block:62px; }
  .boss-use-case .agency-pains-heading h2 { font-size:32px; }
  .agency-pains-heading>p:last-child { font-size:15px; }
  .agency-pain-bubbles { grid-template-columns:1fr; gap:23px; max-width:430px; margin:auto; padding-bottom:10px; }
  .agency-pain:nth-child(n) { padding-top:0; }
  .agency-pain:nth-child(2) { margin-left:23px; }
  .agency-pain:nth-child(3) { margin-right:23px; }
  .agency-pain blockquote { min-height:0; padding:24px 26px 20px; }
  .agency-pain blockquote>p { font-size:24px; }
  .agency-pain-person { margin-top:12px; }
  .boss-use-case .agency-pains .ind-direct-answer { font-size:16px; margin-top:25px; text-align:left; }
  .boss-use-case .ind-priority { padding-block:58px; }
  .boss-use-case .ind-priority-copy>p:not(.boss-eyebrow) { font-size:16px; }
  .boss-use-case .boss-industry-cost-brand img { width:25px; height:25px; }
  .boss-use-case .boss-industry-cost-table th,.boss-use-case .boss-industry-cost-table td { padding-block:20px; }
  .boss-use-case .ind-faq { padding-block:55px; }
}
@media(prefers-reduced-motion:reduce) { .agency-scene[data-stage=typing] [data-agency-prompt]:after { display:none; } .boss-use-case .agency-action-cursor { display:none; } .boss-use-case :is(.agency-action-card,.agency-spend-meter>span,.agency-demo-tabs>button) { transition:none; } }
@media(forced-colors:active) { .agency-demo-tabs>button[aria-selected=true],.agency-action-card,.agency-pain blockquote { border-color:Highlight; } .agency-screen-shade { display:none; } }

/* Clear link direction and a responsive hover treatment for feature rows. */
.boss-use-case .agency-chevron { display:inline-block; flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.16em; }
.boss-use-case .ind-feature-links>a { align-items:center; min-height:46px; padding:12px 10px; border-radius:7px; transition:background-color .18s ease,border-color .18s ease,color .18s ease; }
.boss-use-case .ind-feature-links>a>span { display:flex; align-items:center; justify-content:center; flex:none; width:27px; height:27px; border-radius:50%; transition:background-color .18s ease,transform .18s ease; }
.boss-use-case .ind-feature-links>a:is(:hover,:focus-visible) { color:#172c42; background:#dff2f6; border-color:#99cbd6; text-decoration:none; }
.boss-use-case .ind-feature-links>a:is(:hover,:focus-visible)>span { color:#253c54; background:#fff; transform:translateX(3px); }
.boss-use-case .ind-feature-links>a:focus-visible { outline:2px solid #338798!important; outline-offset:3px; }
.boss-use-case .ind-related>a,.boss-use-case .ind-final-alternative>a { display:inline-flex; align-items:center; gap:6px; }
.boss-use-case .ind-related>a .agency-chevron { width:12px; height:12px; }
.boss-use-case .agency-action-bar>.agency-chevron { width:13px; height:13px; }
.boss-use-case .agency-connected-business .boss-proof-panel { padding:88px 0; background:radial-gradient(ellipse at 82% 50%,#56c6d20e,transparent 60%),#fff; }
.boss-use-case .agency-connected-business .boss-together-copy h2 { color:#000; }
.boss-use-case .agency-connected-business :is(button,a):focus-visible { outline:2px solid #338798!important; outline-offset:3px; }
.boss-use-case .agency-connected-business .boss-together-areas>button { background:#f4fafb; border-color:#d5e7ed; color:#253c54; }
.boss-use-case .agency-connected-business .boss-together-areas>button:is(:hover,:focus-visible,[aria-pressed=true]) { background:#e4f5f8; border-color:#66b8c6; color:#172c42; }
.boss-use-case .agency-connected-business .boss-workspace-audience { background:#f2f9fb; border-color:#c5dfe7; }
.boss-use-case .agency-connected-business .boss-workspace-agents { background:linear-gradient(120deg,#e8f6f9,#dbf0f4); }
@media(max-width:760px) { .boss-use-case .agency-connected-business .boss-proof-panel { padding:58px 0; } }
@media(prefers-reduced-motion:reduce) { .boss-use-case .ind-feature-links>a,.boss-use-case .ind-feature-links>a>span { transition:none; } }
/* Compact customer quotes, with stable slide height and quiet transitions. */
.boss-use-case .agency-testimonials { padding:64px 0 72px; background:#f1f8fa; border-block:1px solid #dcebf0; }
.boss-use-case .agency-testimonials>.boss-container { max-width:1040px; }
.agency-testimonial-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; }
.boss-use-case .agency-testimonial-heading .boss-eyebrow { margin-bottom:12px; }
.boss-use-case .agency-testimonial-heading h2 { color:#000; font-size:32px; line-height:1.2; letter-spacing:-.035em; }
.agency-testimonial-controls { display:flex; align-items:center; gap:4px; flex:none; }
.agency-testimonial-controls[hidden] { display:none; }
.agency-testimonial-controls button[hidden] { display:none; }
.agency-testimonial-controls button { display:grid; place-items:center; width:40px; height:44px; border:1px solid transparent; border-radius:50%; background:transparent; color:#253c54; padding:0; cursor:pointer; transition:background .18s ease,border-color .18s ease; }
.agency-testimonial-controls button:is(:hover,:focus-visible) { background:#fff; border-color:#b6d9e1; }
.boss-use-case .agency-testimonial-controls button:focus-visible { outline:2px solid #338798!important; outline-offset:3px; }
.agency-testimonial-controls svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.agency-testimonial-dots { display:flex; }
.agency-testimonial-dots button { width:28px; }
.agency-testimonial-dots span { width:6px; height:6px; border-radius:8px; background:#a8c7d1; transition:width .2s ease,background .2s ease; }
.agency-testimonial-dots [aria-pressed=true] span { width:18px; background:#253c54; }
.agency-testimonial-track { display:grid; gap:18px; }
.agency-testimonial-slide { padding:32px 38px; border:1px solid #d4e7ed; border-radius:18px; background:radial-gradient(ellipse at 100% 100%,#56c6d210,transparent 65%),#fff; box-shadow:0 12px 32px -26px #253c5455; display:flex; flex-direction:column; }
.boss-use-case .agency-testimonial-slide blockquote { padding:0; margin:0; border:0; font-size:23px; font-weight:400; line-height:1.6; letter-spacing:-.025em; color:#172b39; }
.agency-testimonial-credit { display:flex; align-items:center; gap:15px; padding-top:26px; margin-top:auto; }
.agency-testimonial-portrait { position:relative; display:block; width:56px; height:56px; overflow:hidden; border-radius:50%; flex:none; background:#dfedf2; }
.agency-testimonial-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 20%; }
.agency-testimonial-portrait.is-momir img { position:absolute; width:340%; height:auto; max-width:none; left:-53%; top:-172%; }
.boss-use-case .agency-testimonial-credit p { display:grid; gap:4px; margin:0; font-size:12px; line-height:1.5; color:#415a6a; }
.agency-testimonial-credit strong { font-size:14px; font-weight:600; color:#172b39; }
.agency-testimonial-logo { display:block; width:110px; height:50px; object-fit:contain; margin-left:auto; }
.agency-testimonials.is-enhanced .agency-testimonial-track { gap:0; }
.agency-testimonials.is-enhanced .agency-testimonial-slide { grid-area:1/1; visibility:hidden; opacity:0; pointer-events:none; transition:opacity .3s ease,visibility .3s; }
.agency-testimonials.is-enhanced .agency-testimonial-slide.is-active { visibility:visible; opacity:1; pointer-events:auto; }
@media(max-width:760px) {
  .boss-use-case .agency-testimonials { padding:48px 0; }
  .agency-testimonial-heading { flex-wrap:wrap; gap:14px; margin-bottom:20px; }
  .boss-use-case .agency-testimonial-heading h2 { font-size:28px; }
  .agency-testimonial-slide { padding:25px 22px; border-radius:14px; }
  .boss-use-case .agency-testimonial-slide blockquote { font-size:19px; line-height:1.65; }
  .agency-testimonial-credit { flex-wrap:wrap; gap:12px; padding-top:23px; }
  .agency-testimonial-portrait { width:46px; height:46px; }
  .boss-use-case .agency-testimonial-credit p { flex:1; font-size:11px; }
  .agency-testimonial-credit strong { font-size:13px; }
  .agency-testimonial-logo { width:91px; height:36px; margin-left:58px; }
  .agency-testimonial-controls button { width:44px; }
  .agency-testimonial-dots button { width:32px; }
}
@media(prefers-reduced-motion:reduce) { .agency-testimonials.is-enhanced .agency-testimonial-slide,.agency-testimonial-controls button,.agency-testimonial-dots span { transition:none; } }
@media(forced-colors:active) { .agency-testimonial-dots span { background:ButtonText; }.agency-testimonial-dots [aria-pressed=true] span { background:Highlight; } }

/* The homepage comparison follows the agency pain points. */
.boss-use-case .agency-features { --feature-count:4; padding:24px 0 26px; background:linear-gradient(110deg,#f1f9fb,#e9f5f8); border-block:1px solid #d6e9ee; }
.agency-features-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; }
.boss-use-case .agency-features-heading h2 { color:#000; font-size:16px; font-weight:500; line-height:1.5; letter-spacing:-.02em; margin:0; }
.agency-feature-page { font-size:11px; font-variant-numeric:tabular-nums; color:#567483; flex:none; }
.agency-feature-heading-actions { display:flex; align-items:center; gap:24px; flex:none; }
.boss-use-case .agency-view-all { display:inline-flex; align-items:center; gap:5px; color:#253c54; font-size:12px; font-weight:500; text-decoration:none; white-space:nowrap; }
.boss-use-case .agency-view-all:hover { text-decoration:underline; text-decoration-color:#56c6d2; text-underline-offset:4px; }
.agency-view-all .agency-chevron { width:13px; height:13px; }
.agency-features-slider { min-width:0; }
.is-paged .agency-features-slider { display:grid; grid-template-columns:40px minmax(0,1fr) 40px; align-items:center; gap:14px; }
.agency-feature-arrow { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid #b9d7e1; border-radius:50%; color:#253c54; background:#fff; cursor:pointer; transition:background .18s,border-color .18s; }
.agency-feature-arrow:is(:hover,:focus-visible) { background:#253c54; border-color:#253c54; color:#fff; }
.agency-features [data-feature-controls][hidden] { display:none; }
.agency-feature-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.boss-use-case .agency-feature-track { display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:4px; margin:0; overflow:hidden; }
.boss-use-case .is-paged .agency-feature-track { display:grid; grid-template-columns:repeat(var(--feature-count),minmax(0,1fr)); }
.agency-feature-track li { min-width:0; margin:0; padding:0; }
.agency-feature-track li[hidden] { display:none; }
.boss-use-case .agency-feature-track a { display:flex; align-items:center; gap:9px; height:100%; min-height:46px; padding:10px 14px; border:1px solid #d0e3e9; border-radius:9px; background:#ffffffd9; color:#172b39; font-size:13px; font-weight:400; line-height:1.4; text-decoration:none; transition:background .18s,border-color .18s,color .18s; }
.agency-feature-track a svg { flex:none; width:17px; height:17px; fill:none; stroke:#278c9d; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.boss-use-case .agency-feature-track a:is(:hover,:focus-visible) { background:#253c54; border-color:#253c54; color:#fff; }
.agency-feature-track a:is(:hover,:focus-visible) svg { stroke:#76d5df; }
.boss-use-case .agency-features :is(a,button):focus-visible { outline:2px solid #338798!important; outline-offset:2px; }

/* One compact calculator, with native range controls and transparent annual costs. */
.boss-use-case .agency-cost { padding:64px 0; }
.agency-cost-heading { margin-bottom:24px; }
.boss-use-case .agency-cost-heading .boss-eyebrow { margin-bottom:12px; }
.boss-use-case .agency-cost-heading h2 { font-size:clamp(28px,3vw,38px); letter-spacing:-.04em; line-height:1.2; color:#000; margin:0 0 10px; }
.agency-cost-heading>p:last-child { font-size:15px; line-height:1.6; margin:0; color:#263b48; }
.agency-cost-box { border:1px solid #bfdce5; border-radius:18px; overflow:hidden; box-shadow:0 12px 36px -32px #253c5460; }
.agency-cost-control { display:grid; grid-template-columns:220px 1fr; align-items:center; gap:40px; padding:22px 30px 20px; background:#f4fafc; border-bottom:1px solid #d7e8ed; }
.agency-cost-control[hidden] { display:none; }
.agency-cost-control label { display:flex; align-items:center; gap:16px; font-size:14px; font-weight:500; color:#000; }
.agency-cost-control label>span { font-size:12px; font-weight:400; white-space:nowrap; }
.agency-cost-control output { display:inline-block; min-width:42px; padding:4px 7px; margin-right:3px; border:1px solid #bfdce5; border-radius:7px; background:#fff; text-align:center; font-size:20px; color:#253c54; font-variant-numeric:tabular-nums; }
.agency-cost-slider-wrap { min-width:0; }
.agency-cost-control input[type=range] { appearance:none; -webkit-appearance:none; display:block; width:100%; height:30px; padding:0; margin:0; border:0; border-radius:0; background:transparent; cursor:pointer; accent-color:#253c54; }
.agency-cost-control input[type=range]::-webkit-slider-runnable-track { height:5px; border-radius:9px; background:linear-gradient(to right,#49b9c8 0 var(--range-progress,13.27%),#d1e5ec var(--range-progress,13.27%) 100%); }
.agency-cost-control input[type=range]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:21px; height:21px; margin-top:-8px; background:#253c54; border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #253c54,0 2px 5px #253c5430; }
.agency-cost-control input[type=range]::-moz-range-track { height:5px; border-radius:9px; background:#d1e5ec; }
.agency-cost-control input[type=range]::-moz-range-progress { height:5px; background:#49b9c8; }
.agency-cost-control input[type=range]::-moz-range-thumb { width:15px; height:15px; background:#253c54; border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #253c54; }
.boss-use-case .agency-cost :is(input,summary,a):focus-visible { outline:2px solid #338798!important; outline-offset:4px; }
.agency-cost-scale { display:flex; justify-content:space-between; font-size:10px; line-height:1.5; color:#4c6471; }
.agency-cost-grid { display:grid; grid-template-columns:1.15fr 1fr; }
.agency-cost-stack { min-width:0; padding:24px 30px 18px; }
.agency-cost-stack table { width:100%; border-collapse:collapse; margin:0; font-variant-numeric:tabular-nums; }
.agency-cost-stack caption { caption-side:top; text-align:left; color:#253c54; font-size:12px; font-weight:500; padding:0 0 10px; }
.agency-cost-stack caption>span { float:right; font-weight:400; font-size:11px; }
.agency-cost-stack th,.agency-cost-stack td { padding:13px 0; border:0; border-bottom:1px solid #e1ecf0; vertical-align:middle; background:none; }
.agency-cost-stack tbody th { text-align:left; font-weight:400; }
.agency-cost-stack tbody a { display:flex; align-items:center; gap:12px; color:#000; text-decoration:none; width:fit-content; }
.agency-cost-stack tbody a:hover strong { text-decoration:underline; text-decoration-color:#56c6d2; text-underline-offset:4px; }
.agency-cost-stack img { flex:none; width:26px; height:26px; object-fit:contain; }
.agency-cost-stack a>span { display:grid; gap:4px; }
.agency-cost-stack strong { font-size:14px; line-height:1.3; font-weight:500; }
.agency-cost-stack small { font-size:11px; font-weight:400; color:#48616f; line-height:1.4; }
.agency-cost-stack td { text-align:right; font-size:16px; color:#172b39; font-weight:500; white-space:nowrap; padding-left:12px; }
.agency-cost-stack tfoot th { text-align:left; font-size:13px; font-weight:500; }
.agency-cost-stack tfoot td { font-size:22px; letter-spacing:-.035em; }
.agency-cost-stack tfoot :is(th,td) { border:0; padding:18px 0 7px; }
.agency-cost-rounding { margin:4px 0 0; color:#48616f; font-size:11px; line-height:1.5; }
.agency-cost-boss { display:flex; flex-direction:column; padding:25px 30px; border-left:1px solid #d2e5ec; background:radial-gradient(ellipse at 95% 0%,#56c6d21c,transparent 65%),linear-gradient(125deg,#f0f9fb,#e3f1f6); }
.agency-cost-boss-top { display:flex; justify-content:space-between; gap:15px; align-items:center; }
.agency-cost-boss-top>p { font-size:14px; color:#253c54; margin:0; }
.agency-cost-boss-top>span { font-size:10px; color:#324c60; white-space:nowrap; border:1px solid #b6d8e2; border-radius:20px; padding:4px 8px; }
.agency-cost-price { display:flex; align-items:center; gap:13px; margin:14px 0 18px; color:#253c54; }
.agency-cost-price strong { font-size:40px; line-height:1.1; letter-spacing:-.045em; font-weight:500; }
.agency-cost-price>span { font-size:11px; line-height:1.6; }
.boss-use-case .agency-cost-verdict h3 { font-size:19px; line-height:1.3; letter-spacing:-.025em; color:#000; margin:0 0 4px; }
.boss-use-case .agency-cost-verdict.is-saving h3 { color:#197346; }
.agency-cost-verdict>p { font-size:12px; line-height:1.5; color:#334f60; margin:0; }
.agency-cost-context { color:#172b39; font-size:13px; line-height:1.7; margin:15px 0 18px; max-width:460px; }
.boss-use-case .agency-cost-boss>.boss-button { display:inline-flex; align-items:center; gap:9px; align-self:flex-start; font-size:13px; margin-top:auto; padding:11px 17px; min-height:43px; }
.agency-cost-basis { margin:14px 0 6px; font-size:11px; line-height:1.6; color:#48616f; }
.agency-cost-details { color:#48616f; font-size:11px; line-height:1.7; }
.agency-cost-details summary { cursor:pointer; padding:5px 0; width:fit-content; color:#253c54; text-underline-offset:3px; }
.agency-cost-details summary:hover { text-decoration:underline; }
.agency-cost-details>div { max-width:920px; padding:6px 0; }
.agency-cost-details p { margin:0 0 8px; }
.agency-cost-details a { color:#253c54; text-decoration:underline; }
.agency-cost-stack small.agency-cost-discount { color:#197346; font-size:9px; }
.industry-startup-offer { margin:20px 0 0; padding:15px 18px; border:1px solid #c7e3e9; border-radius:8px; background:#f3fafb; color:#253c54; font-size:12px; line-height:1.8; }
.industry-startup-offer a { color:#253c54; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:850px) {
  .boss-use-case .agency-features { --feature-count:3; }
  .agency-cost-control { grid-template-columns:180px 1fr; gap:20px; padding:20px; }
  .agency-cost-grid { grid-template-columns:1fr 1fr; }
  .agency-cost-stack,.agency-cost-boss { padding:22px 20px; }
  .agency-cost-boss-top { align-items:flex-start; flex-direction:column; gap:7px; }
}
@media(max-width:650px) {
  .boss-use-case .agency-features { --feature-count:2; }
  .boss-use-case .agency-cost { padding:46px 0; }
  .boss-use-case .agency-cost-heading h2 { font-size:29px; }
  .agency-cost-heading>p:last-child { font-size:14px; }
  .agency-cost-control { grid-template-columns:1fr; gap:11px; padding:16px 20px; }
  .agency-cost-control label { justify-content:space-between; }
  .agency-cost-control output { font-size:18px; padding-block:2px; }
  .agency-cost-grid { grid-template-columns:1fr; }
  .agency-cost-boss { border-left:0; border-top:1px solid #d2e5ec; }
  .agency-cost-boss-top { flex-direction:row; align-items:center; }
  .agency-cost-stack td { font-size:14px; }
  .agency-cost-stack tfoot td { font-size:21px; }
  .agency-cost-stack strong { font-size:13px; }
  .agency-cost-stack small { font-size:10px; }
  .agency-cost-stack tbody a { gap:10px; }
  .agency-cost-stack img { width:23px; height:23px; }
  .agency-cost-basis { font-size:10px; }
  .agency-features-heading { gap:10px; flex-wrap:wrap; }
  .boss-use-case .agency-features-heading h2 { font-size:14px; max-width:none; flex-basis:100%; }
  .agency-feature-heading-actions { width:100%; justify-content:space-between; }
  .is-paged .agency-features-slider { grid-template-columns:30px minmax(0,1fr) 30px; gap:5px; }
  .agency-feature-arrow { width:30px; height:38px; }
  .boss-use-case .agency-feature-track { gap:6px; }
  .boss-use-case .agency-feature-track a { font-size:11px; padding:9px; gap:6px; min-height:54px; }
  .agency-feature-track a svg { width:13px; height:13px; }
}
@media(prefers-reduced-motion:reduce) { .agency-feature-track a,.agency-feature-arrow { transition:none; } }
@media(forced-colors:active) { .agency-cost-control input[type=range] { appearance:auto; -webkit-appearance:auto; }.agency-feature-track a svg { stroke:LinkText; } }
/* Agency workflows connected through the verified Aqtos integration. */
.boss-use-case .agency-integrations { padding:76px 0 42px; border-top:1px solid #dcebf0; background:radial-gradient(ellipse at 92% 5%,#d8f0f555,transparent 58%),#f9fcfd; }
.agency-integrations-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:55px; }
.agency-integrations-copy { min-width:0; }
.boss-use-case .agency-integrations-copy h2 { color:#000; font-size:clamp(30px,3vw,40px); line-height:1.15; letter-spacing:-.04em; margin:0 0 24px; text-wrap:balance; }
.agency-integrations-copy>p:not(.boss-eyebrow) { color:#172b39; font-size:16px; line-height:1.8; margin:0 0 16px; }
.agency-integrations-copy>p strong { font-weight:500; color:#000; }
.agency-integrations-actions { display:flex; flex-direction:column; align-items:flex-start; gap:20px; margin-top:28px; }
.boss-use-case .agency-integrations .boss-button { display:inline-flex; align-items:center; gap:10px; background:#253c54; border-color:#253c54; color:#fff; padding:13px 20px; min-height:46px; font-size:14px; font-weight:500; box-shadow:0 4px 12px #253c5418; }
.boss-use-case .agency-integrations .boss-button:hover { background:#192d42; border-color:#192d42; }
.boss-use-case .agency-integrations .boss-text-link { display:inline-flex; align-items:center; gap:7px; color:#253c54; font-size:13px; text-decoration-color:#56c6d2; }
.boss-use-case .agency-integrations a:focus-visible,.boss-use-case .agency-view-all:focus-visible { outline:2px solid #338798!important; outline-offset:4px; }
.agency-n8n-card { min-width:0; background:#fff; border:1px solid #bedae4; border-radius:20px; padding:28px; box-shadow:0 18px 45px -30px #253c5440; }
.agency-n8n-card-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.boss-use-case .agency-n8n-brand { display:flex; align-items:center; gap:12px; color:#172b39; text-decoration:none; }
.agency-n8n-brand img { width:58px; height:31px; object-fit:contain; }
.agency-n8n-brand strong { font-size:30px; letter-spacing:-.04em; line-height:1; font-weight:600; }
.boss-use-case .agency-n8n-verified { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; white-space:nowrap; text-decoration:none; padding:9px 13px; border:1px solid #177451; border-radius:20px; background:#177451; color:#fff; box-shadow:0 3px 9px #17745124; }
.boss-use-case .agency-n8n-verified:is(:hover,:focus-visible,:active) { background:#105c3e; border-color:#105c3e; color:#fff; }
.agency-n8n-verified svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.agency-n8n-partner { margin:18px 0 24px; color:#334f60; font-size:13px; line-height:1.7; }
.agency-integration-flow { border:1px solid #dfecf1; border-radius:12px; background:linear-gradient(130deg,#f8fcfd,#edf7fa); padding:17px 15px 14px; }
.agency-integration-flow-labels { display:flex; align-items:center; justify-content:flex-end; margin-bottom:13px; color:#557383; font-size:9px; font-weight:500; }
.agency-integration-flow-row { display:grid; grid-template-columns:1.2fr 32px 1fr; align-items:stretch; margin-top:10px; }
.agency-integration-source,.agency-integration-destination { min-width:0; border:1px solid #d4e5ec; background:#fff; border-radius:7px; padding:12px 10px; }
.agency-integration-source { display:flex; align-items:center; gap:8px; font-size:11px; color:#172b39; font-weight:500; }
.agency-integration-source-icon { flex:none; display:grid; place-items:center; width:24px; height:28px; color:#487285; }
.agency-integration-source-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.agency-integration-source small { display:block; font-size:8px; font-weight:400; color:#637d8d; line-height:1.5; margin-top:5px; }
.agency-integration-destination { display:flex; flex-direction:column; justify-content:center; gap:5px; background:#fafdfe; border-color:#b6d8e4; }
.agency-integration-destination small { font-size:9px; color:#287f90; line-height:1.4; }
.agency-integration-destination strong { font-size:11px; font-weight:500; color:#172b39; line-height:1.4; }
.agency-integration-connector { display:flex; align-items:center; color:#7999a8; position:relative; }
.agency-integration-connector i { display:block; height:1px; background:#9dbdca; flex:1; }
.agency-integration-connector i:before { content:''; position:absolute; width:5px; height:5px; background:#ea4b71; border:2px solid #edf7fa; box-sizing:content-box; border-radius:50%; left:7px; top:calc(50% - 4px); }
.agency-integration-connector .agency-chevron { margin-left:-4px; width:12px; height:12px; }
.agency-integration-flow-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:18px; color:#5c7887; font-size:9px; }
.agency-integration-flow-foot img { display:block; width:67px; height:auto; }
.boss-use-case .agency-n8n-listing { display:inline-flex; align-items:center; gap:6px; margin-top:20px; color:#253c54; font-size:12px; font-weight:500; text-decoration:underline; text-decoration-color:#b2d4df; text-underline-offset:4px; }
.agency-n8n-listing .agency-chevron { width:13px; height:13px; }
.agency-integration-more { display:flex; align-items:center; flex-wrap:wrap; gap:22px 30px; border-top:1px solid #d6e6ed; margin-top:42px; padding-top:27px; }
.agency-integration-more>p { flex-basis:100%; margin:0; color:#253c54; font-size:12px; font-weight:500; }
.agency-integration-native { display:flex; flex-wrap:wrap; gap:24px 38px; flex:1; }
.boss-use-case .agency-integration-native>a { display:flex; align-items:center; gap:11px; color:#172b39; text-decoration:none; }
.agency-integration-native>a>img { width:22px; height:22px; object-fit:contain; flex:none; }
.agency-integration-native>a>span { display:grid; gap:3px; font-size:10px; color:#4e6878; }
.agency-integration-native strong { font-weight:500; font-size:12px; color:#172b39; }
.agency-integration-native .agency-chevron { width:12px; height:12px; color:#518093; margin-left:3px; }
.agency-integration-native>a:hover strong { text-decoration:underline; text-underline-offset:4px; text-decoration-color:#56c6d2; }
@media(max-width:1100px) {
  .agency-integrations-grid { grid-template-columns:1fr 1.1fr; gap:30px; }
  .agency-n8n-card { padding:23px; }
  .agency-integration-flow { padding:15px 10px; }
  .agency-integration-source { gap:5px; padding-inline:8px; }
  .agency-integration-source-icon { width:20px; }
}
@media(max-width:900px) {
  .agency-integrations-grid { grid-template-columns:1fr; gap:30px; }
  .agency-integrations-copy { max-width:660px; }
  .agency-integrations-actions { flex-direction:row; flex-wrap:wrap; align-items:center; }
  .agency-n8n-card { width:100%; max-width:660px; justify-self:center; padding:28px; }
  .agency-integration-flow { padding:20px; }
  .agency-integration-source { padding:14px; gap:10px; font-size:13px; }
  .agency-integration-source small { font-size:10px; }
  .agency-integration-destination strong { font-size:13px; }
  .agency-integration-destination small { font-size:11px; }
  .agency-integration-flow-labels,.agency-integration-flow-foot { font-size:10px; }
}
@media(max-width:600px) {
  .boss-use-case .agency-integrations { padding:50px 0 34px; }
  .boss-use-case .agency-integrations-copy h2 { font-size:32px; }
  .agency-integrations-copy>p:not(.boss-eyebrow) { font-size:15px; }
  .agency-n8n-card { padding:20px 16px; border-radius:16px; }
  .agency-n8n-brand img { width:43px; height:25px; }
  .agency-n8n-brand strong { font-size:26px; }
  .boss-use-case .agency-n8n-verified { font-size:11px; padding:8px 10px; gap:5px; }
  .agency-n8n-partner { font-size:12px; }
  .agency-integration-flow { padding:14px 10px; }
  .agency-integration-flow-row { grid-template-columns:1fr 20px 1fr; }
  .agency-integration-source { font-size:11px; padding:10px 8px; }
  .agency-integration-source-icon { display:none; }
  .agency-integration-source small { font-size:8px; }
  .agency-integration-destination strong { font-size:11px; }
  .agency-integration-destination small { font-size:9px; }
  .agency-integration-flow-labels,.agency-integration-flow-foot { font-size:8px; }
  .agency-integration-connector i:before { left:2px; }
  .agency-integration-flow-foot img { width:53px; }
  .agency-integration-native { flex-direction:column; gap:22px; flex-basis:100%; }
  .agency-integration-more { margin-top:32px; padding-top:24px; gap:24px; }
  .agency-integration-native>a { width:100%; }
  .agency-integration-native .agency-chevron { margin-left:auto; }
}
.boss-use-case .boss-workday { padding:58px 0 72px; }
.boss-use-case .boss-workday-heading h2 { color:#000; font-size:clamp(30px,3vw,40px); line-height:1.2; }
.boss-use-case .boss-workday-switch button[data-workday-view=solution][aria-pressed=true] { background:#253c54; color:#fff; }
.boss-use-case .boss-workday-switch button:focus-visible { outline:2px solid #338798!important; outline-offset:3px; }
@media(max-width:760px) { .boss-use-case .boss-workday { padding:42px 0 55px; }.boss-use-case .boss-workday-heading h2 { font-size:29px; } }

/* Compact, shared customer proof between the FAQ and closing invitation. */
.industry-client-proof { padding:42px 0 38px; background:#fff; text-align:center; }
.industry-client-proof .boss-eyebrow { margin-bottom:8px; }
.industry-client-intro { font-size:14px; color:#334f60; margin:0 0 23px; }
.boss-use-case .industry-client-logos { list-style:none; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); align-items:center; gap:18px; padding:0; margin:0; }
.industry-client-logos li { display:flex; align-items:center; justify-content:center; min-width:0; height:66px; }
.industry-client-logos img { width:100%; max-width:126px; height:58px; object-fit:contain; filter:grayscale(1); opacity:.8; transition:filter .2s,opacity .2s; }
.industry-client-logos li:hover img { filter:none; opacity:1; }
.industry-client-logos li:nth-last-child(-n+2) img { max-width:104px; }
@media(max-width:900px) { .boss-use-case .industry-client-logos { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px 18px; } }
@media(max-width:600px) { .industry-client-proof { padding:34px 0 29px; }.industry-client-intro { font-size:12px; }.boss-use-case .industry-client-logos { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 18px; }.industry-client-logos li { height:58px; }.industry-client-logos img { height:52px; } }
@media(prefers-reduced-motion:reduce) { .industry-client-logos img { transition:none; } }