.service-capture{border:1px solid var(--line);background:var(--soft);border-radius:18px;margin:36px 0;overflow:hidden}.service-capture img{width:100%;height:auto;display:block}.service-capture figcaption{padding:16px 24px}.service-capture figcaption a{color:var(--accent);text-underline-offset:4px;font-weight:700;text-decoration:underline}.service-mockup{border:1px solid var(--line);background:var(--paper);border-radius:18px;margin:36px 0;overflow:hidden}.service-mockup-bar{background:var(--ink);color:var(--paper);align-items:center;gap:8px;padding:12px 18px;font-size:14px;display:flex}.service-mockup-bar>span[aria-hidden]{background:color-mix(in srgb,var(--paper)55%,transparent);border-radius:50%;width:10px;height:10px}.service-mockup-bar strong{margin-left:8px;font-weight:600}.service-mockup-badge{background:var(--warm);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px;font-style:normal;font-weight:700}.service-mockup-body{padding:22px}.service-mockup figcaption{border-top:1px solid var(--line);background:var(--soft);padding:14px 22px}.mockup-pipeline{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid;overflow-x:auto}.mockup-column{flex-direction:column;gap:10px;min-width:0;display:flex}.mockup-column-title{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin:0;font-size:13px;font-weight:700;display:flex}.mockup-column-title span{color:var(--muted)}.mockup-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.mockup-card strong{color:var(--brand-dark);font-size:15px}.mockup-card span:not(.mockup-tag){color:var(--muted);font-size:13px}.mockup-card .mockup-tag{background:var(--warm);color:var(--accent);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.mockup-chat{flex-direction:column;gap:10px;max-width:560px;margin:0 auto;display:flex}.service-mockup .mockup-bubble{border-radius:14px;max-width:82%;margin:0;padding:10px 14px;font-size:15px;line-height:1.5}.service-mockup .mockup-bubble-client{background:var(--soft);color:var(--brand-dark);border-bottom-right-radius:4px;align-self:flex-end}.service-mockup .mockup-bubble-bot,.service-mockup .mockup-bubble-team{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.service-mockup .mockup-bubble-team{border-color:var(--accent)}.mockup-sender{color:var(--ink);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.mockup-bubble-team .mockup-sender{color:var(--accent)}.mockup-handoff{background:var(--warm);color:var(--accent);border-radius:999px;align-self:center;margin:4px 0;padding:4px 12px;font-size:12px;font-weight:700}.mockup-product{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.mockup-product-visual{aspect-ratio:1;background:var(--soft);border-radius:14px;place-items:center;display:grid}.mockup-product-visual svg{width:55%;fill:var(--surface);stroke:var(--ink);stroke-width:3px}.mockup-product-visual svg rect:last-child{fill:var(--warm);stroke:var(--accent)}.mockup-product-copy{flex-direction:column;gap:10px;display:flex}.mockup-crumb,.mockup-note{color:var(--muted);margin:0;font-size:13px}.mockup-product-name{color:var(--brand-dark);font-size:20px}.mockup-price{color:var(--ink);margin:0;font-weight:700}.service-mockup .mockup-options{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.service-mockup .mockup-options li{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:8px 12px;font-size:14px}.mockup-options li.is-selected{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--ink)}.mockup-button{background:var(--accent);color:var(--surface);border-radius:999px;align-self:flex-start;padding:9px 18px;font-size:14px;font-weight:700}.mockup-button-ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.service-mockup .mockup-agent{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.service-mockup .mockup-agent-step{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:12px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5;display:grid}.mockup-agent-tool{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700}.mockup-agent-step.is-wait{border-color:var(--accent);background:color-mix(in srgb,var(--warm)45%,var(--surface))}.mockup-agent-step.is-wait .mockup-agent-tool{color:var(--accent)}.mockup-approval{gap:10px;margin-top:14px;display:flex}@media (max-width:740px){.mockup-product{grid-template-columns:1fr}.mockup-product-visual{max-width:180px}.service-mockup .mockup-agent-step{grid-template-columns:1fr;gap:4px}.service-mockup .mockup-bubble{max-width:92%}.service-mockup-bar strong{display:none}}