.product-page { background: #fff; }

/* Movimento compartilhado: explica a hierarquia sem competir com a leitura. */
.motion-item {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 600ms var(--ease-out), transform 600ms var(--ease-out);
}
.motion-item.motion-from-left { transform: translateX(-22px); }
.motion-item.motion-from-right { transform: translateX(22px); }
.motion-item.is-inview { opacity: 1; transform: none; }

.motion-sequence:not(.is-inview) > * {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out);
  transition-delay: calc(var(--motion-order, 0) * 55ms);
}
.motion-sequence.is-inview > * {
  opacity: 1;
  transform: none;
  transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out);
  transition-delay: calc(var(--motion-order, 0) * 55ms);
}

.product-flow.motion-sequence article { overflow: hidden; }
.product-flow.motion-sequence article::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, transparent, #fb923c, transparent);
  transform: scaleX(0);
  transform-origin: left;
}
.product-flow.motion-sequence.is-inview article::after {
  animation: motion-stage 7s linear infinite;
  animation-delay: calc(var(--motion-order, 0) * 900ms);
  animation-play-state: paused;
}
.product-flow.motion-sequence.is-inview.motion-visible article::after { animation-play-state: running; }

.product-hero.motion-active.motion-visible .product-visual > :first-child,
.product-hero.motion-active.motion-visible .syszap-product-window {
  animation: product-ambient 6s var(--ease-in-out) infinite alternate;
}
.product-hero.motion-active.motion-visible::after { animation: product-glow 8s var(--ease-in-out) infinite alternate; }

.monitor-event.motion-event { transition: opacity 350ms var(--ease-out), transform 350ms var(--ease-out); }
.monitor-event.motion-event.is-current { opacity: 1; transform: translateX(6px); }
.monitor-event.motion-event:not(.is-current) { opacity: .68; }

.syszap-product-window img { transition: opacity 180ms var(--ease-out), transform 180ms var(--ease-out); }
.syszap-product-window.is-changing img { opacity: .35; transform: scale(.985); }

@keyframes product-ambient {
  to { transform: translateY(-9px); }
}
@keyframes product-glow {
  to { transform: translate3d(-34px, 28px, 0) scale(1.04); }
}
@keyframes motion-stage {
  0%, 16% { transform: scaleX(0); transform-origin: left; }
  25%, 48% { transform: scaleX(1); transform-origin: left; }
  58%, 100% { transform: scaleX(0); transform-origin: right; }
}

@media (hover: hover) and (pointer: fine) {
  .capability-card,
  .syszap-ai-card,
  .scope-item,
  .outcome-grid article { transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), border-color 180ms ease; }
  .capability-card:hover,
  .syszap-ai-card:hover,
  .scope-item:hover,
  .outcome-grid article:hover { transform: translateY(-4px); border-color: rgba(249,115,22,.35); box-shadow: 0 18px 42px rgba(15,23,42,.09); }
}

@media (prefers-reduced-motion: reduce) {
  .motion-item,
  .motion-sequence > * { opacity: 1; transform: none; transition: opacity 160ms ease; }
  .product-hero.motion-active .product-visual > :first-child,
  .product-hero.motion-active .syszap-product-window,
  .product-hero.motion-active::after,
  .product-flow.motion-sequence.is-inview article::after { animation: none; }
  .monitor-event.motion-event,
  .monitor-event.motion-event.is-current,
  .monitor-event.motion-event:not(.is-current) { opacity: 1; transform: none; }
}
.product-hero { position: relative; min-height: 720px; display: flex; align-items: center; overflow: hidden; padding: 135px 0 90px; color: #fff; background: var(--navy-2); }
.product-hero::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg, #000, transparent 80%); }
.product-hero::after { content: ""; position: absolute; width: 620px; height: 620px; right: -220px; top: -180px; background: rgba(249,115,22,.13); border-radius: 50%; filter: blur(75px); }
.product-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .9fr; gap: 80px; align-items: center; }
.product-breadcrumb { display: flex; align-items: center; gap: 8px; margin: 0 0 25px; color: #94a3b8; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.product-breadcrumb a:hover { color: #fb923c; }
.product-breadcrumb svg { width: 12px; }
.product-hero h1 { max-width: 760px; margin: 0; font-family: "Space Grotesk", sans-serif; font-size: clamp(48px, 5vw, 72px); line-height: 1.02; letter-spacing: -.045em; }
.product-hero h1 span { color: #fb923c; }
.product-hero-copy > p:not(.eyebrow):not(.product-breadcrumb) { max-width: 680px; margin: 25px 0 0; color: #cbd5e1; font-size: 17px; line-height: 1.72; }
.product-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.product-trust { display: flex; flex-wrap: wrap; gap: 16px 24px; margin-top: 26px; color: #94a3b8; font-size: 10px; }
.product-trust span { display: flex; align-items: center; gap: 7px; }
.product-trust svg { width: 15px; color: #4ade80; }

.product-visual { position: relative; min-height: 500px; }
.product-visual-shell { position: absolute; inset: 20px 0 0; overflow: hidden; background: rgba(15,23,42,.84); border: 1px solid rgba(255,255,255,.14); border-radius: 28px; box-shadow: 0 35px 80px rgba(0,0,0,.35); backdrop-filter: blur(15px); }
.product-visual-shell::before { content: ""; position: absolute; width: 260px; height: 260px; right: -90px; top: -90px; border: 1px solid rgba(249,115,22,.25); border-radius: 50%; }
.visual-shell-head { height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.1); }
.visual-shell-head span { color: #cbd5e1; font-size: 10px; font-weight: 800; }
.visual-shell-head em { color: #4ade80; font-size: 8px; font-style: normal; text-transform: uppercase; letter-spacing: .1em; }
.visual-shell-body { position: relative; padding: 28px; }

.agent-conversation { display: grid; gap: 12px; }
.agent-message { max-width: 82%; padding: 13px 15px; border-radius: 14px; font-size: 10px; line-height: 1.55; }
.agent-message.client { justify-self: end; background: #1e293b; border: 1px solid rgba(255,255,255,.1); }
.agent-message.ai { background: rgba(249,115,22,.09); border: 1px solid rgba(249,115,22,.22); }
.agent-message small { display: block; margin-bottom: 5px; color: #fb923c; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.agent-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-top: 21px; }
.agent-actions div { display: grid; justify-items: center; gap: 8px; padding: 15px 8px; color: #cbd5e1; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 11px; font-size: 8px; font-weight: 700; text-align: center; }
.agent-actions svg { width: 20px; color: #fb923c; }
.visual-note { display: flex; align-items: center; gap: 8px; margin-top: 17px; padding-top: 15px; color: #64748b; border-top: 1px solid rgba(255,255,255,.08); font-size: 8px; }
.visual-note svg { width: 13px; color: #4ade80; }

.monitor-stack { display: grid; gap: 12px; }
.monitor-event { display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; padding: 13px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); border-radius: 11px; }
.monitor-event > svg { width: 38px; height: 38px; padding: 9px; color: #fb923c; background: rgba(249,115,22,.1); border-radius: 9px; }
.monitor-event div { display: grid; gap: 3px; }
.monitor-event small { color: #64748b; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.monitor-event strong { font-size: 10px; }
.monitor-event > span { color: #4ade80; font-size: 8px; font-weight: 800; }
.monitor-connector { height: 22px; margin-left: 31px; border-left: 1px solid rgba(249,115,22,.45); }
.monitor-result { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.monitor-result div { display: grid; justify-items: center; gap: 6px; padding: 17px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); border-radius: 11px; text-align: center; }
.monitor-result svg { width: 21px; color: #fb923c; }
.monitor-result strong { font-size: 9px; }
.monitor-result small { color: #64748b; font-size: 7px; }

.outcome-strip { position: relative; z-index: 3; margin-top: -35px; }
.outcome-grid { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.outcome-grid article { min-height: 145px; padding: 26px; border-right: 1px solid var(--line); }
.outcome-grid article:last-child { border-right: 0; }
.outcome-grid svg { width: 27px; color: var(--orange-dark); }
.outcome-grid h3 { margin: 20px 0 6px; font-size: 14px; }
.outcome-grid p { margin: 0; color: var(--slate); font-size: 10px; line-height: 1.55; }

.product-section { padding: 105px 0; }
.product-section.soft { background: var(--surface); }
.product-section.dark { color: #fff; background: var(--navy); }
.product-heading { max-width: 760px; margin-bottom: 52px; }
.product-heading.center { margin-inline: auto; text-align: center; }
.product-heading h2 { margin: 0; font-family: "Space Grotesk", sans-serif; font-size: clamp(36px, 4vw, 55px); line-height: 1.08; letter-spacing: -.04em; }
.product-heading h2 span { color: var(--orange-dark); }
.dark .product-heading h2 span { color: #fb923c; }
.product-heading > p:not(.kicker) { color: var(--slate); line-height: 1.75; }
.dark .product-heading > p:not(.kicker) { color: #94a3b8; }

.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.capability-card { min-height: 275px; padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.capability-card > svg { width: 42px; height: 42px; padding: 10px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 11px; }
.capability-card h3 { margin: 25px 0 9px; font-size: 17px; }
.capability-card p { margin: 0; color: var(--slate); font-size: 12px; line-height: 1.65; }
.capability-card ul { display: grid; gap: 7px; margin: 19px 0 0; padding: 0; list-style: none; }
.capability-card li { color: var(--muted); font-size: 9px; }
.capability-card li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 8px; background: var(--orange); border-radius: 50%; }

.product-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }
.product-flow article { position: relative; padding: 27px 22px; border: solid rgba(255,255,255,.11); border-width: 1px 1px 1px 0; }
.product-flow article:first-child { border-left-width: 1px; border-radius: 14px 0 0 14px; }
.product-flow article:last-child { border-radius: 0 14px 14px 0; }
.product-flow article > span { color: #fb923c; font-family: "Space Grotesk"; font-size: 10px; }
.product-flow svg { display: block; width: 30px; margin: 32px 0 17px; color: #fb923c; }
.product-flow h3 { margin: 0 0 8px; font-size: 14px; }
.product-flow p { margin: 0; color: #94a3b8; font-size: 10px; line-height: 1.55; }

.scope-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start; }
.scope-copy h2 { margin: 0; font-family: "Space Grotesk"; font-size: clamp(36px,4vw,52px); line-height: 1.08; letter-spacing: -.04em; }
.scope-copy > p { color: var(--slate); line-height: 1.75; }
.scope-list { display: grid; gap: 12px; }
.scope-item { display: grid; grid-template-columns: 45px 1fr; gap: 15px; padding: 21px; background: #fff; border: 1px solid var(--line); border-radius: 13px; }
.scope-item > span { display: grid; place-items: center; width: 45px; height: 45px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 10px; font-family: "Space Grotesk"; font-size: 10px; font-weight: 800; }
.scope-item h3 { margin: 0 0 5px; font-size: 14px; }
.scope-item p { margin: 0; color: var(--slate); font-size: 10px; line-height: 1.55; }

.evidence-box { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; padding: 48px; color: #fff; background: radial-gradient(circle at 100% 0, rgba(249,115,22,.18), transparent 38%), var(--navy); border-radius: 22px; }
.evidence-box h2 { margin: 0; font-family: "Space Grotesk"; font-size: 38px; line-height: 1.1; }
.evidence-box p { color: #94a3b8; line-height: 1.7; }
.evidence-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.evidence-points div { padding: 20px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; }
.evidence-points strong { display: block; margin-bottom: 5px; color: #fb923c; font-size: 11px; }
.evidence-points span { color: #cbd5e1; font-size: 9px; line-height: 1.5; }

.agent-showcase { position: relative; overflow: hidden; padding: 110px 0; color: #fff; background: radial-gradient(circle at 50% 12%, rgba(249,115,22,.1), transparent 28%), #090d18; }
.agent-showcase::before { content: ""; position: absolute; inset: 0; opacity: .08; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(180deg,#000,transparent 65%); }
.agent-showcase > .container { position: relative; z-index: 2; }
.agent-showcase-heading > p:not(.kicker) { color: #94a3b8; }
.agent-showcase-heading h2 span { color: #fb923c; }
.agent-selector { display: grid; grid-template-columns: repeat(7,1fr); gap: 9px; margin-bottom: 18px; }
.agent-selector-button { min-width: 0; display: grid; justify-items: center; gap: 9px; padding: 14px 8px; color: #94a3b8; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; cursor: pointer; transition: transform .2s,border-color .2s,background .2s,color .2s; }
.agent-selector-button:hover { transform: translateY(-3px); color: #fff; border-color: rgba(249,115,22,.35); }
.agent-selector-button.is-active { color: #fff; background: rgba(249,115,22,.09); border-color: rgba(249,115,22,.55); box-shadow: 0 12px 35px rgba(0,0,0,.2); }
.agent-selector-button img { width: 56px; height: 56px; object-fit: cover; border: 2px solid rgba(255,255,255,.15); border-radius: 50%; }
.agent-selector-button.is-active img { border-color: #f97316; box-shadow: 0 0 0 5px rgba(249,115,22,.1); }
.agent-selector-button > span { min-width: 0; display: grid; gap: 3px; }
.agent-selector-button strong { font-size: 10px; }
.agent-selector-button small { overflow: hidden; font-size: 7px; line-height: 1.35; text-overflow: ellipsis; }
.agent-profile { min-height: 560px; overflow: hidden; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.agent-profile-layout { display: grid; grid-template-columns: minmax(330px,.82fr) minmax(0,1.18fr); min-height: 560px; }
.agent-profile-media { position: relative; min-height: 560px; overflow: hidden; background: #141824; }
.agent-profile-media::after { content: ""; position: absolute; inset: 45% 0 0; pointer-events: none; background: linear-gradient(transparent,rgba(9,13,24,.92)); }
.agent-profile-media > img,.agent-profile-media > video { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center top; }
.agent-profile-media > video { z-index: 2; display: none; background: #05070d; }
.agent-profile-media.is-playing > video { display: block; }
.agent-profile-media.is-playing::after { z-index: 3; opacity: .12; }
.agent-media-status { position: absolute; z-index: 4; top: 18px; left: 18px; display: flex; align-items: center; gap: 7px; padding: 7px 10px; color: #dcfce7; background: rgba(5,7,13,.72); border: 1px solid rgba(74,222,128,.25); border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(12px); }
.agent-media-status::before { content: ""; width: 7px; height: 7px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 0 5px rgba(34,197,94,.12); }
.agent-profile-name { position: absolute; z-index: 4; left: 24px; right: 24px; bottom: 25px; }
.agent-profile-name span { color: #fb923c; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.agent-profile-name h3 { margin: 5px 0 0; font-family: "Space Grotesk"; font-size: 32px; }
.agent-play { position: absolute; z-index: 5; right: 22px; bottom: 24px; width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: #c2410c; border: 0; border-radius: 50%; cursor: pointer; box-shadow: 0 12px 30px rgba(194,65,12,.35); transition: transform .2s,background .2s; }
.agent-play:hover { transform: scale(1.06); background: #ea580c; }
.agent-play svg { width: 19px; }
.agent-profile-content { display: flex; flex-direction: column; padding: clamp(30px,4vw,52px); }
.agent-profile-content > span { align-self: flex-start; padding: 7px 10px; color: #fdba74; background: rgba(249,115,22,.08); border: 1px solid rgba(249,115,22,.22); border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.agent-profile-content h3 { max-width: 640px; margin: 19px 0 12px; font-family: "Space Grotesk"; font-size: clamp(27px,3vw,41px); line-height: 1.1; letter-spacing: -.035em; }
.agent-profile-content > p { margin: 0; color: #94a3b8; font-size: 13px; line-height: 1.75; }
.agent-fit { margin-top: 21px; padding: 15px 17px; color: #cbd5e1; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 11px; font-size: 10px; line-height: 1.5; }
.agent-fit strong { color: #fff; }
.agent-deliveries { display: grid; gap: 9px; margin: 23px 0 0; padding: 0; list-style: none; }
.agent-deliveries li { display: grid; grid-template-columns: 19px 1fr; gap: 9px; align-items: start; color: #cbd5e1; font-size: 10px; line-height: 1.55; }
.agent-deliveries li span { display: grid; place-items: center; width: 19px; height: 19px; color: #4ade80; background: rgba(34,197,94,.09); border-radius: 50%; font-size: 9px; }
.agent-profile-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: auto; padding-top: 28px; }
.agent-profile-actions .button { min-height: 44px; font-size: 11px; }
.agent-video-caption { color: #64748b; font-size: 8px; }
.agent-team-flow { display: grid; grid-template-columns: .7fr 1.3fr; gap: 55px; align-items: center; margin-top: 20px; padding: 38px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 19px; }
.agent-team-copy h3 { margin: 0; font-family: "Space Grotesk"; font-size: 29px; line-height: 1.12; }
.agent-team-copy > p:not(.kicker) { margin-bottom: 0; color: #94a3b8; font-size: 11px; line-height: 1.65; }
.agent-team-track { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; }
.agent-team-track > svg { width: 18px; color: #475569; }
.agent-team-track article { min-width: 0; display: grid; justify-items: center; padding: 19px 12px; text-align: center; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 13px; }
.agent-team-track article img,.agent-team-track .human-node > div { width: 55px; height: 55px; object-fit: cover; border: 2px solid rgba(249,115,22,.5); border-radius: 50%; }
.agent-team-track .human-node > div { display: grid; place-items: center; color: #4ade80; background: rgba(34,197,94,.08); border-color: rgba(34,197,94,.4); }
.agent-team-track .human-node svg { width: 25px; }
.agent-team-track article > span { margin-top: 13px; color: #fb923c; font-size: 7px; font-weight: 800; }
.agent-team-track article strong { margin-top: 4px; font-size: 9px; }
.agent-team-track article small { margin-top: 5px; color: #64748b; font-size: 7px; line-height: 1.45; }

.syszap-section { padding: 110px 0; overflow: hidden; background: #fff; }
.syszap-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }
.syszap-copy h2 { margin: 0; font-family: "Space Grotesk"; font-size: clamp(38px,4vw,56px); line-height: 1.08; letter-spacing: -.04em; }
.syszap-copy h2 span { color: var(--orange-dark); }
.syszap-copy > p:not(.kicker) { color: var(--slate); line-height: 1.75; }
.syszap-copy ul { display: grid; gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; }
.syszap-copy li { display: grid; grid-template-columns: 37px 1fr; gap: 12px; align-items: start; padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.syszap-copy li > svg { width: 37px; height: 37px; padding: 10px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 9px; }
.syszap-copy li span { display: grid; gap: 2px; color: var(--slate); font-size: 9px; line-height: 1.5; }
.syszap-copy li strong { color: var(--ink); font-size: 10px; }
.syszap-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.button-outline-dark { color: var(--ink); background: #fff; border: 1px solid var(--line); }
.button-outline-dark:hover { border-color: #cbd5e1; background: var(--surface); }
.syszap-window { padding: 13px; background: var(--navy); border: 1px solid #1e293b; border-radius: 20px; box-shadow: 0 30px 80px rgba(15,23,42,.2); }
.syszap-window-head { height: 40px; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 0 8px; color: #94a3b8; font-size: 8px; }
.syszap-window-head > span { display: flex; gap: 5px; }
.syszap-window-head b { width: 7px; height: 7px; background: #334155; border-radius: 50%; }
.syszap-window-head b:first-child { background: #f97316; }
.syszap-window-head strong { color: #cbd5e1; }
.syszap-window-head em { color: #4ade80; font-style: normal; text-transform: uppercase; letter-spacing: .08em; }
.syszap-tabs { display: flex; gap: 7px; overflow-x: auto; padding: 7px 0 12px; scrollbar-width: thin; }
.syszap-tabs button { flex: 0 0 auto; padding: 9px 11px; color: #94a3b8; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }
.syszap-tabs button.is-active { color: #fff; background: rgba(249,115,22,.12); border-color: rgba(249,115,22,.4); }
.syszap-screen { position: relative; min-height: 390px; overflow: hidden; background: #050914; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; }
.syszap-screen img { width: 100%; height: 100%; min-height: 390px; object-fit: cover; object-position: top center; transition: opacity .2s,transform .3s; }
.syszap-screen.is-changing img { opacity: .25; transform: scale(.99); }
.syszap-screen span { position: absolute; right: 13px; bottom: 13px; max-width: calc(100% - 26px); padding: 8px 10px; color: #fed7aa; background: rgba(5,9,20,.85); border: 1px solid rgba(249,115,22,.25); border-radius: 8px; font-size: 8px; font-weight: 800; backdrop-filter: blur(10px); }

.syszap-product-hero::after { background: rgba(14,165,233,.13); }
.syszap-hero-visual { display: flex; align-items: center; }
.syszap-product-window { position: relative; width: 100%; padding: 12px; overflow: hidden; background: #070d19; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; box-shadow: 0 35px 90px rgba(0,0,0,.4); transform: perspective(1200px) rotateY(-3deg); }
.syszap-product-window::after { content: ""; position: absolute; z-index: 2; inset: 101px 12px 12px; pointer-events: none; background: linear-gradient(180deg,transparent 58%,rgba(5,9,20,.72)); border-radius: 13px; }
.syszap-product-window-head { height: 40px; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 0 6px; color: #94a3b8; font-size: 8px; }
.syszap-product-window-head > span { display: flex; gap: 5px; }
.syszap-product-window-head b { width: 7px; height: 7px; background: #334155; border-radius: 50%; }
.syszap-product-window-head b:first-child { background: #f97316; }
.syszap-product-window-head strong { color: #cbd5e1; }
.syszap-product-window-head em { color: #4ade80; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.syszap-hero-switcher { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin: 0 0 8px; }
.syszap-hero-switcher button { position: relative; min-width: 0; display: flex; align-items: center; justify-content: center; gap: 7px; overflow: hidden; padding: 10px 8px; color: #64748b; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); border-radius: 9px; cursor: pointer; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms var(--ease-out); }
.syszap-hero-switcher button svg { flex: 0 0 auto; width: 14px; }
.syszap-hero-switcher button span { overflow: hidden; font-size: 8px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.syszap-hero-switcher button::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #22d3ee; transform: scaleX(0); transform-origin: left; }
.syszap-hero-switcher button.is-active { color: #e2e8f0; background: rgba(14,165,233,.09); border-color: rgba(34,211,238,.3); }
.syszap-hero-switcher button.is-active::after { animation: syszap-tab-progress 6.5s linear forwards; }
.syszap-product-window.is-interacting .syszap-hero-switcher button.is-active::after { animation-play-state: paused; }
.syszap-hero-screen { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; }
.syszap-hero-screen img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: top center; transition: opacity 180ms var(--ease-out), transform 180ms var(--ease-out), filter 180ms ease; }
.syszap-live-scan { position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 2px; opacity: 0; background: linear-gradient(90deg,transparent,#22d3ee,transparent); box-shadow: 0 0 18px rgba(34,211,238,.85); transform: translateY(0); }
.product-hero.motion-active.motion-visible .syszap-live-scan { animation: syszap-scan 4.8s linear infinite; }
.syszap-product-status { position: absolute; z-index: 3; right: 28px; bottom: 27px; max-width: 290px; display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: center; padding: 13px; color: #e2e8f0; background: rgba(7,13,25,.9); border: 1px solid rgba(74,222,128,.24); border-radius: 12px; backdrop-filter: blur(14px); }
.syszap-product-status > svg { width: 32px; height: 32px; padding: 8px; color: #4ade80; background: rgba(34,197,94,.09); border-radius: 9px; }
.syszap-product-status span { display: grid; gap: 2px; }
.syszap-product-status strong { font-size: 9px; }
.syszap-product-status small { color: #94a3b8; font-size: 7px; line-height: 1.45; }
.syszap-live-signal { position: absolute; z-index: 5; min-width: 205px; display: grid; grid-template-columns: 34px 1fr; gap: 9px; align-items: center; padding: 11px 13px; color: #e2e8f0; background: rgba(7,13,25,.92); border: 1px solid rgba(255,255,255,.13); border-radius: 12px; box-shadow: 0 18px 45px rgba(0,0,0,.28); backdrop-filter: blur(12px); pointer-events: none; }
.syszap-live-signal > svg { width: 34px; height: 34px; padding: 8px; color: #22d3ee; background: rgba(14,165,233,.12); border-radius: 9px; }
.syszap-live-signal span { display: grid; gap: 2px; }
.syszap-live-signal strong { font-size: 9px; }
.syszap-live-signal small { color: #94a3b8; font-size: 7px; line-height: 1.35; }
.signal-conversation { top: -10px; left: -34px; }
.signal-ai { top: 245px; right: -30px; }
.signal-kanban { bottom: 1px; left: 18px; }
.product-hero.motion-active.motion-visible .syszap-live-signal { animation: syszap-signal-float 4s var(--ease-in-out) infinite alternate; }
.product-hero.motion-active.motion-visible .signal-ai { animation-delay: -1.3s; }
.product-hero.motion-active.motion-visible .signal-kanban { animation-delay: -2.6s; }

@media (hover: hover) and (pointer: fine) {
  .syszap-hero-switcher button:hover { color: #fff; border-color: rgba(34,211,238,.28); transform: translateY(-2px); }
}

@keyframes syszap-tab-progress { to { transform: scaleX(1); } }
@keyframes syszap-scan {
  0%, 12% { opacity: 0; transform: translateY(0); }
  20% { opacity: .9; }
  75% { opacity: .45; }
  88%, 100% { opacity: 0; transform: translateY(300px); }
}
@keyframes syszap-signal-float { to { transform: translateY(-9px); } }

.syszap-feature-section { padding: 110px 0; overflow: hidden; background: #fff; }
.syszap-feature-layout { display: grid; grid-template-columns: 1.12fr .88fr; gap: 75px; align-items: center; }
.syszap-feature-media { min-width: 0; }
.syszap-feature-copy h2 { margin: 0; font-family: "Space Grotesk"; font-size: clamp(38px,4vw,55px); line-height: 1.08; letter-spacing: -.04em; }
.syszap-feature-copy > p:not(.kicker) { color: var(--slate); line-height: 1.75; }
.syszap-feature-copy ul { display: grid; gap: 11px; margin: 28px 0 0; padding: 0; list-style: none; }
.syszap-feature-copy li { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; padding: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.syszap-feature-copy li > svg { width: 42px; height: 42px; padding: 11px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 10px; }
.syszap-feature-copy li span { display: grid; gap: 3px; color: var(--slate); font-size: 10px; line-height: 1.5; }
.syszap-feature-copy li strong { color: var(--ink); font-size: 11px; }
.syszap-product-flow { grid-template-columns: repeat(4,1fr); }

.syszap-ai-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.syszap-ai-card { min-height: 370px; display: flex; flex-direction: column; padding: 30px; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 16px 40px rgba(15,23,42,.05); }
.syszap-ai-card > div { display: flex; align-items: center; justify-content: space-between; }
.syszap-ai-card > div span { color: var(--orange-dark); font-family: "Space Grotesk"; font-size: 11px; font-weight: 800; }
.syszap-ai-card > div svg { width: 46px; height: 46px; padding: 11px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 12px; }
.syszap-ai-card h3 { margin: 28px 0 11px; font-family: "Space Grotesk"; font-size: 25px; letter-spacing: -.025em; }
.syszap-ai-card > p { margin: 0; color: var(--slate); font-size: 12px; line-height: 1.7; }
.syszap-ai-card ul { display: grid; gap: 8px; margin: auto 0 0; padding: 25px 0 0; list-style: none; }
.syszap-ai-card li { position: relative; padding-left: 15px; color: var(--muted); font-size: 9px; line-height: 1.5; }
.syszap-ai-card li::before { content: ""; position: absolute; left: 0; top: .55em; width: 5px; height: 5px; background: var(--orange); border-radius: 50%; }
.syszap-config-note { display: grid; grid-template-columns: 44px 1fr; gap: 15px; align-items: center; margin-top: 18px; padding: 19px 22px; color: #cbd5e1; background: var(--navy); border-radius: 14px; }
.syszap-config-note > svg { width: 44px; height: 44px; padding: 11px; color: #fdba74; background: rgba(249,115,22,.1); border-radius: 11px; }
.syszap-config-note p { margin: 0; font-size: 11px; line-height: 1.6; }
.syszap-config-note strong { color: #fff; }

.feature-catalog { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 44px; align-items: start; }
.feature-click-hint { grid-column: 1 / -1; max-width: 100%; display: inline-grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; align-items: center; justify-self: start; padding: 10px 14px; color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 999px; }
.feature-click-hint > svg { width: 38px; height: 38px; padding: 9px; color: var(--orange-dark); background: #ffedd5; border-radius: 50%; }
.feature-click-hint span { display: grid; gap: 1px; }
.feature-click-hint strong { font-size: 11px; }
.feature-click-hint small { color: #7c2d12; font-size: 9px; }
.feature-cluster { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 34px rgba(15,23,42,.045); }
.feature-cluster summary { display: grid; grid-template-columns: 48px 1fr 20px; gap: 14px; align-items: center; min-height: 110px; padding: 20px; cursor: pointer; list-style: none; transition: background-color 180ms ease; }
.feature-cluster summary::-webkit-details-marker { display: none; }
.feature-cluster summary > span:first-child { display: grid; place-items: center; width: 48px; height: 48px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 12px; }
.feature-cluster summary > span:first-child svg { width: 23px; }
.feature-cluster-copy { min-width: 0; display: grid; gap: 5px; }
.feature-cluster-copy strong { font-family: "Space Grotesk"; font-size: 17px; letter-spacing: -.02em; }
.feature-cluster-copy small { color: var(--slate); font-size: 11px; line-height: 1.5; }
.feature-cluster summary > svg { width: 18px; color: var(--muted); transition: transform 180ms var(--ease-out), color 180ms ease; }
.feature-cluster[open] { border-color: rgba(249,115,22,.3); }
.feature-cluster[open] summary > svg { color: var(--orange-dark); transform: rotate(180deg); }
.feature-catalog.motion-visible .feature-click-hint > svg { animation: feature-pointer-invite 3s var(--ease-in-out) infinite; }
.feature-catalog.motion-visible .feature-cluster:not([open]) summary > svg { animation: feature-chevron-invite 3s var(--ease-in-out) infinite; animation-delay: calc(var(--motion-order, 0) * 80ms); }
.feature-cluster ul { display: grid; gap: 9px; margin: 0; padding: 0 25px 24px 84px; list-style: none; }
.feature-cluster li { position: relative; color: var(--slate); font-size: 12px; line-height: 1.58; }
.feature-cluster li::before { content: ""; position: absolute; top: .62em; left: -15px; width: 5px; height: 5px; background: var(--orange); border-radius: 50%; }
.feature-availability { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; margin: 22px 0 0; padding: 16px 18px; color: var(--slate); background: #fff; border: 1px solid var(--line); border-radius: 12px; font-size: 11px; line-height: 1.6; }
.feature-availability svg { width: 18px; color: var(--orange-dark); }

@media (hover: hover) and (pointer: fine) {
  .feature-cluster summary:hover { background: #fffaf5; }
}

@keyframes feature-pointer-invite {
  0%, 72%, 100% { opacity: .72; transform: translate3d(0,0,0) scale(.97); }
  80% { opacity: 1; transform: translate3d(3px,3px,0) scale(1); }
  88% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@keyframes feature-chevron-invite {
  0%, 72%, 100% { color: var(--muted); transform: translateY(0); }
  80% { color: var(--orange-dark); transform: translateY(4px); }
  88% { color: var(--orange-dark); transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .feature-catalog.motion-visible .feature-click-hint > svg,
  .feature-catalog.motion-visible .feature-cluster:not([open]) summary > svg { animation: none; }
}

.product-cta { padding: 95px 0; color: #fff; background: #0a101d; }
.product-cta-inner { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.product-cta h2 { max-width: 760px; margin: 0; font-family: "Space Grotesk"; font-size: clamp(38px,4vw,56px); line-height: 1.08; letter-spacing: -.04em; }
.product-cta p { max-width: 720px; margin-bottom: 0; color: #94a3b8; line-height: 1.7; }

/* Hubs permanentes de soluções e setores */
.catalog-hero { position: relative; overflow: hidden; padding: 155px 0 105px; color: #fff; background: radial-gradient(circle at 78% 24%,rgba(249,115,22,.18),transparent 31%),radial-gradient(circle at 18% 72%,rgba(14,165,233,.11),transparent 34%),#0a101d; }
.catalog-hero::after { content: ""; position: absolute; inset: 0; opacity: .28; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,#000,transparent 82%); }
.catalog-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr); gap: 70px; align-items: center; }
.catalog-hero h1 { max-width: 790px; margin: 18px 0 24px; font-family: "Space Grotesk",sans-serif; font-size: clamp(48px,5.7vw,78px); line-height: .98; letter-spacing: -.055em; }
.catalog-hero h1 span { color: #fb923c; }
.catalog-hero-inner > div:first-child > p:not(.eyebrow):not(.product-breadcrumb) { max-width: 760px; color: #cbd5e1; font-size: 18px; line-height: 1.7; }
.catalog-map { display: grid; gap: 10px; padding: 25px; background: rgba(6,12,24,.76); border: 1px solid rgba(255,255,255,.13); border-radius: 24px; box-shadow: 0 34px 90px rgba(0,0,0,.34); backdrop-filter: blur(16px); }
.catalog-map span { min-height: 65px; display: flex; align-items: center; gap: 14px; padding: 15px 18px; color: #e2e8f0; font-weight: 800; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.08); border-radius: 13px; }
.catalog-map span svg { width: 37px; height: 37px; padding: 9px; color: #fdba74; background: rgba(249,115,22,.12); border-radius: 10px; }
.catalog-map b { width: 1px; height: 14px; margin: -3px 0 -3px 36px; background: linear-gradient(#fb923c,rgba(251,146,60,.1)); }
.catalog-map-sectors { grid-template-columns: 1fr 1fr; }
.catalog-map-sectors span { min-height: 95px; flex-direction: column; justify-content: center; text-align: center; }
.catalog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 48px; }
.catalog-card { position: relative; min-height: 420px; display: flex; flex-direction: column; align-items: flex-start; padding: 36px; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 16px 45px rgba(15,23,42,.055); transition: transform .25s var(--ease-out),box-shadow .25s ease,border-color .25s ease; }
.catalog-card > span { position: absolute; top: 22px; right: 26px; color: #cbd5e1; font-family: "Space Grotesk",sans-serif; font-size: 44px; font-weight: 800; letter-spacing: -.06em; }
.catalog-card > svg { width: 58px; height: 58px; padding: 15px; color: var(--orange-dark); background: var(--orange-soft); border-radius: 15px; }
.catalog-card .kicker { margin: 25px 0 9px; }
.catalog-card h2 { max-width: 500px; margin: 0 0 14px; font-family: "Space Grotesk",sans-serif; font-size: clamp(27px,2.4vw,37px); line-height: 1.08; letter-spacing: -.035em; }
.catalog-card > p:not(.kicker) { max-width: 630px; margin: 0; color: var(--slate); font-size: 14px; line-height: 1.7; }
.catalog-card ul { display: grid; gap: 8px; margin: 24px 0 28px; padding: 0; list-style: none; }
.catalog-card li { position: relative; padding-left: 18px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.catalog-card li::before { content: ""; position: absolute; top: .58em; left: 0; width: 6px; height: 6px; background: var(--orange); border-radius: 50%; }
.catalog-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--orange-dark); font-size: 13px; font-weight: 800; text-decoration: none; }
.catalog-card > a svg { width: 17px; transition: transform .2s ease; }
.sector-catalog-grid .catalog-card { min-height: 345px; }
.catalog-bridge { padding: 90px 0; color: #fff; background: #0a101d; }
.catalog-bridge-inner { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.catalog-bridge h2 { max-width: 820px; margin: 8px 0 13px; font-family: "Space Grotesk",sans-serif; font-size: clamp(38px,4vw,56px); line-height: 1.05; letter-spacing: -.04em; }
.catalog-bridge p:not(.kicker) { max-width: 720px; margin: 0; color: #94a3b8; line-height: 1.7; }
@media (hover:hover) and (pointer:fine) { .catalog-card:hover { z-index: 1; transform: translateY(-6px); border-color: rgba(249,115,22,.3); box-shadow: 0 24px 60px rgba(15,23,42,.1); } .catalog-card > a:hover svg { transform: translate(3px,-3px); } }

.syszap-faq-section { background: #f4f7fb; }
.syszap-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.syszap-faq-item { overflow: hidden; background: #fff; border: 1px solid #dbe3ee; border-radius: 18px; box-shadow: 0 12px 34px rgba(15,23,42,.055); transition: border-color .2s, box-shadow .2s, transform .2s; }
.syszap-faq-item:hover { transform: translateY(-2px); border-color: rgba(249,115,22,.35); box-shadow: 0 18px 42px rgba(15,23,42,.08); }
.syszap-faq-item[open] { border-color: rgba(249,115,22,.42); }
.syszap-faq-item summary { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; color: #172033; font-family: "Space Grotesk",sans-serif; font-size: 17px; font-weight: 700; line-height: 1.35; cursor: pointer; list-style: none; }
.syszap-faq-item summary::-webkit-details-marker { display: none; }
.syszap-faq-item summary svg { flex: 0 0 auto; width: 20px; color: #f97316; transition: transform .2s; }
.syszap-faq-item[open] summary svg { transform: rotate(45deg); }
.syszap-faq-item > div { display: grid; gap: 12px; padding: 0 24px 24px; color: #53627a; font-size: 14px; line-height: 1.72; }
.syszap-faq-item p { margin: 0; }
.syszap-faq-item strong { color: #1e293b; }
.syszap-faq-item a { color: #c2410c; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 1000px) {
  .product-hero-layout { grid-template-columns: 1fr 1fr; gap: 40px; }
  .product-hero h1 { font-size: 52px; }
  .outcome-grid { grid-template-columns: 1fr 1fr; }
  .outcome-grid article:nth-child(2) { border-right: 0; }
  .outcome-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .product-flow { grid-template-columns: 1fr 1fr; gap: 10px; }
  .product-flow article, .product-flow article:first-child, .product-flow article:last-child { border: 1px solid rgba(255,255,255,.11); border-radius: 12px; }
  .scope-layout, .evidence-box { gap: 45px; }
  .agent-selector { grid-template-columns: repeat(4,1fr); }
  .agent-team-flow { grid-template-columns: 1fr; }
  .syszap-layout { grid-template-columns: 1fr; }
  .syszap-feature-layout { grid-template-columns: 1fr; gap: 48px; }
  .syszap-ai-grid { grid-template-columns: 1fr 1fr; }
  .catalog-hero-inner { grid-template-columns: 1fr; }
  .catalog-map { max-width: 680px; }
}

@media (max-width: 760px) {
  .product-hero { min-height: auto; padding: 115px 0 85px; }
  .product-hero-layout { grid-template-columns: 1fr; }
  .product-visual { min-height: 490px; }
  .outcome-strip { margin-top: -25px; }
  .product-section { padding: 80px 0; }
  .scope-layout, .evidence-box { grid-template-columns: 1fr; }
  .evidence-box { padding: 32px; }
  .product-cta-inner { grid-template-columns: 1fr; }
  .agent-showcase,.syszap-section { padding: 82px 0; }
  .agent-selector { display: flex; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; }
  .agent-selector-button { flex: 0 0 132px; scroll-snap-align: start; }
  .agent-profile-layout { grid-template-columns: 1fr; }
  .agent-profile-media { min-height: 530px; }
  .agent-team-track { grid-template-columns: 1fr; }
  .agent-team-track > svg { margin: auto; transform: rotate(90deg); }
  .syszap-product-window { transform: none; }
  .syszap-live-signal { display: none; }
  .syszap-feature-section { padding: 82px 0; }
  .syszap-ai-grid { grid-template-columns: 1fr; }
  .feature-catalog { grid-template-columns: 1fr; }
  .syszap-faq-grid { grid-template-columns: 1fr; }
  .catalog-hero { padding: 125px 0 80px; }
  .catalog-grid { grid-template-columns: 1fr; }
  .catalog-bridge-inner { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .product-hero h1 { font-size: 41px; }
  .product-hero-copy > p:not(.eyebrow):not(.product-breadcrumb) { font-size: 15px; }
  .product-hero-actions { display: grid; }
  .product-visual { min-height: 455px; }
  .visual-shell-body { padding: 20px; }
  .outcome-grid, .capability-grid, .product-flow, .evidence-points { grid-template-columns: 1fr; }
  .outcome-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .outcome-grid article:last-child { border-bottom: 0; }
  .agent-actions { grid-template-columns: 1fr; }
  .agent-actions div { grid-template-columns: auto 1fr; justify-items: start; text-align: left; }
  .monitor-event { grid-template-columns: 34px 1fr; }
  .monitor-event > span { grid-column: 2; }
  .monitor-result { grid-template-columns: 1fr; }
  .scope-item { grid-template-columns: 38px 1fr; padding: 17px; }
  .scope-item > span { width: 38px; height: 38px; }
  .evidence-box { padding: 25px; }
  .agent-showcase-heading { text-align: left; }
  .agent-profile-media { min-height: 460px; }
  .agent-profile-content { padding: 25px 21px; }
  .agent-profile-actions { align-items: stretch; flex-direction: column; }
  .agent-team-flow { padding: 24px 18px; }
  .syszap-screen,.syszap-screen img { min-height: 260px; }
  .syszap-window-head em { display: none; }
  .syszap-actions { display: grid; }
  .syszap-hero-visual { min-height: 315px; }
  .syszap-product-status { right: 20px; bottom: 19px; left: 20px; max-width: none; }
  .syszap-product-window-head em { display: none; }
  .syszap-feature-copy h2 { font-size: 36px; }
  .syszap-ai-card { min-height: auto; padding: 24px; }
  .syszap-faq-item summary { min-height: 74px; padding: 19px 18px; font-size: 16px; }
  .syszap-faq-item > div { padding: 0 18px 20px; font-size: 14px; }
  .syszap-ai-card ul { margin-top: 0; }
  .syszap-config-note { grid-template-columns: 1fr; }
  .feature-cluster summary { min-height: 96px; padding: 17px; }
  .feature-cluster ul { padding: 0 20px 20px 68px; }
  .catalog-hero h1 { font-size: 43px; }
  .catalog-map { padding: 16px; }
  .catalog-map-sectors { grid-template-columns: 1fr 1fr; }
  .catalog-map-sectors span { min-height: 84px; padding: 12px 8px; font-size: 12px; }
  .catalog-card { min-height: auto; padding: 27px 23px; }
  .catalog-card > span { top: 18px; right: 20px; font-size: 34px; }
  .catalog-card > a { margin-top: 26px; }
}