.integracao-sistemas-page{--integration: var(--product-estudio);--integration-ink: oklch(23% .08 285);--integration-deep: oklch(17% .055 270);--integration-soft: var(--product-estudio-pale);--integration-line: oklch(84% .055 285);--integration-cyan: var(--accent-active);--integration-green: var(--product-whatsapp);max-width:100%;overflow-x:hidden}.integracao-sistemas-page :where(h1,h2,h3,p,ul,ol,li,figure){margin:0;padding:0}.integracao-sistemas-page :where(ul,ol){list-style:none}.integracao-sistemas-page :where(.container,section,article,.section-header,.integration-map,.map-grid){min-width:0}.integracao-sistemas-page .hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;margin-left:auto;border:0;border-radius:8px;background:transparent}.integracao-sistemas-page .hamburger span{display:block;width:20px;height:1.5px;border-radius:2px;background:var(--ink);transition:all .25s}.integracao-sistemas-page .hamburger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.integracao-sistemas-page .hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.integracao-sistemas-page .hamburger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.integracao-sistemas-page .mobile-menu{display:none;flex-direction:column;gap:2px;border-top:1px solid var(--line);background:var(--paper);padding:10px var(--cpx) 20px}.integracao-sistemas-page .mobile-menu.is-open{display:flex}.integracao-sistemas-page .mobile-menu a{border-radius:8px;padding:11px 12px;color:var(--ink-soft);font-size:15px;font-weight:500}.integracao-sistemas-page .mobile-menu__ctas{display:flex;flex-direction:column;gap:8px;margin-top:12px}.integration-hero{padding-top:clamp(72px,8vw,110px);padding-bottom:clamp(66px,8vw,100px)}.kicker--integration,.integration-header .section-label{color:var(--integration)}.integration-hero__layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:clamp(38px,5vw,78px);align-items:center}.integration-hero__title{max-width:14.4ch}.integration-hero__sub{max-width:60ch}.integration-mote{margin-top:16px;font-size:clamp(17px,1.7vw,21px);line-height:1.3;letter-spacing:-.025em;font-weight:700;color:var(--integration-ink)}.integration-note{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;max-width:620px;margin-top:30px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}.integration-note span,.map-node span,.map-core span,.map-status strong,.map-status em,.signal-grid article span,.integration-card-grid article span,.flow-console__head span,.flow-console__head strong,.action-flow span,.ecosystem-panel div>span,.integration-faq__question:after{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.integration-note span{color:var(--integration);white-space:nowrap}.integration-note p{font-size:13px;line-height:1.5;color:var(--muted)}.integration-map{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 76px #06101829,0 5px 24px #141e2814}.integration-map__body{position:relative;padding:22px;background:linear-gradient(to right,rgba(99,102,241,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(99,102,241,.06) 1px,transparent 1px),var(--surface-2);background-size:34px 34px}.map-grid{position:relative;min-height:410px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(92px,1fr));gap:14px}.map-grid:before,.map-grid:after{content:"";position:absolute;inset:18% 12%;pointer-events:none;border:1px dashed color-mix(in srgb,var(--integration) 34%,var(--line));border-radius:28px}.map-grid:after{inset:33% 8%;border-color:color-mix(in srgb,var(--accent-active) 34%,var(--line));transform:rotate(-7deg)}.map-node,.map-core,.map-status div,.signal-grid article,.integration-card-grid article,.flow-console,.action-flow article,.ecosystem-panel,.integration-faq__item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}.map-node{position:relative;z-index:1;padding:15px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.map-node--crm{grid-column:1;grid-row:1}.map-node--channel{grid-column:3;grid-row:1}.map-node--dashboard{grid-column:1;grid-row:3}.map-node--db{grid-column:3;grid-row:3}.map-node--aos{grid-column:2;grid-row:3}.map-node span{color:var(--muted)}.map-node strong{display:block;margin-top:16px;font-size:17px;letter-spacing:-.03em;color:var(--brand-900)}.map-node em{margin-top:7px;font-size:11.5px;line-height:1.35;color:var(--muted);font-style:normal}.map-node--crm,.map-node--aos{border-color:var(--integration-line);background:color-mix(in srgb,var(--integration-soft) 46%,white)}.map-node--channel{border-color:color-mix(in srgb,var(--integration-green) 28%,var(--line));background:color-mix(in srgb,var(--product-whatsapp-pale) 55%,white)}.map-node--dashboard{border-color:color-mix(in srgb,var(--integration-cyan) 28%,var(--line));background:color-mix(in srgb,var(--accent-pale) 44%,white)}.map-core{position:relative;z-index:2;grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:20px;color:#fff;background:radial-gradient(circle at 72% 18%,rgba(99,102,241,.32),transparent 34%),var(--brand-950);border-color:#ffffff1a;box-shadow:0 20px 48px #06101838}.map-core span{color:#ffffff8a}.map-core strong{font-size:20px;letter-spacing:-.04em}.map-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.map-status div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:4px;padding:12px}.map-status span{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--integration-green);box-shadow:0 0 0 4px #1fbf5c1c}.map-status div:nth-child(2) span{background:var(--integration);box-shadow:0 0 0 4px #6366f11f}.map-status div:nth-child(3) span{background:var(--product-aos);box-shadow:0 0 0 4px #f59e0b24}.map-status strong{color:var(--brand-900);font-size:9.5px}.map-status em{grid-column:2;color:var(--muted);font-size:9.5px;font-style:normal}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.signal-grid article{min-height:194px;padding:22px}.signal-grid article span,.action-flow span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--integration-ink);background:var(--integration-soft);border:1px solid var(--integration-line);font-weight:600}.signal-grid h3,.integration-card-grid h3,.action-flow strong,.ecosystem-panel h2,.ecosystem-panel h3{margin-top:15px;font-size:18px;line-height:1.18;letter-spacing:-.03em;color:var(--brand-900)}.signal-grid p,.action-flow p,.ecosystem-panel p{margin-top:9px;font-size:13px;line-height:1.52;color:var(--muted)}.integration-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.integration-card-grid article{min-height:170px;padding:18px;display:flex;flex-direction:column}.integration-card-grid article span{color:var(--integration)}.integration-card-grid h3{margin-top:auto;font-size:15.5px}.data-action .section-label{color:#ffffff61}.data-action__layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(34px,5vw,72px);align-items:center}.flow-console{overflow:hidden;background:#ffffff0a;border-color:#ffffff14}.flow-console__head{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.flow-console__head span{color:#ffffff6b}.flow-console__head strong{color:var(--integration-line)}.action-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff14}.action-flow article{min-height:172px;padding:18px;border:0;border-radius:0;background:var(--brand-950)}.action-flow span{background:#6366f126;border-color:#c9ccf842;color:var(--integration-line)}.action-flow strong{display:block;color:#fff}.action-flow p{color:#ffffff94}.integration-method article span{color:var(--integration-ink);background:var(--integration-soft);border-color:var(--integration-line)}.integration-method{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-method article{min-height:190px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}.integration-method article span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.integration-method h3{margin-top:14px;font-size:17px;line-height:1.2;letter-spacing:-.025em;color:var(--brand-900)}.integration-method p{margin-top:8px;font-size:13px;line-height:1.52;color:var(--muted)}.ecosystem-link__layout{display:grid;grid-template-columns:1.14fr .86fr;gap:14px}.ecosystem-panel{display:flex;gap:18px;min-height:278px;padding:24px;align-items:flex-start}.ecosystem-panel div>span{color:var(--integration)}.ecosystem-panel h2,.ecosystem-panel h3{margin-top:14px;max-width:13ch;font-size:clamp(25px,3vw,38px);line-height:1.04}.ecosystem-panel h3{font-size:clamp(23px,2.4vw,30px)}.ecosystem-panel p{max-width:50ch;margin-bottom:22px}.ecosystem-panel--aos{background:var(--brand-950);border-color:#ffffff14}.ecosystem-panel--aos div>span{color:var(--product-aos)}.ecosystem-panel--aos h3{color:#fff}.ecosystem-panel--aos p{color:#ffffff94}.integration-faq{display:grid;gap:10px;max-width:940px}.integration-faq__item{overflow:hidden}.integration-faq__question{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;text-align:left;font-weight:700;font-size:14px;letter-spacing:-.015em;color:var(--ink)}.integration-faq__question:after{content:"+";flex-shrink:0;color:var(--integration);font-size:15px}.integration-faq__question[aria-expanded=true]:after{content:"-"}.integration-faq__question:focus-visible{outline:2px solid var(--integration);outline-offset:-4px}.integration-faq__answer p{padding:0 20px 18px;font-size:13.5px;line-height:1.58;color:var(--muted)}.integration-cta .btn--accent{background:var(--integration);color:#fff}.integration-cta .btn--accent:hover{background:#6449da}@media (max-width: 1120px){.integracao-sistemas-page .hamburger{display:flex}.integracao-sistemas-page .site-nav__ctas{display:none}.integration-hero__layout,.data-action__layout,.ecosystem-link__layout{grid-template-columns:1fr}.integration-hero__title{max-width:16ch}.integration-card-grid{grid-template-columns:repeat(2,1fr)}.map-grid{min-height:380px}}@media (max-width: 860px){.signal-grid,.action-flow{grid-template-columns:repeat(2,1fr)}.map-status{grid-template-columns:1fr}}@media (max-width: 760px){.integration-hero__layout{gap:30px}.integration-note{grid-template-columns:1fr}.integration-note span{white-space:normal}.integration-map{border-radius:14px}.integration-map__body{padding:14px}.map-grid{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto}.map-grid:before,.map-grid:after{display:none}.map-node--crm,.map-node--channel,.map-node--dashboard,.map-node--db,.map-node--aos,.map-core{grid-column:auto;grid-row:auto}.map-core{order:-1;min-height:164px}.signal-grid,.integration-card-grid,.integration-method,.action-flow{grid-template-columns:1fr}.signal-grid article,.integration-card-grid article,.integration-method article,.action-flow article{min-height:auto}.ecosystem-panel{flex-direction:column;min-height:auto}.ecosystem-panel h2,.ecosystem-panel h3{max-width:16ch}.mock-chrome__label{max-width:72vw}}@media (max-width: 520px){.integration-faq__question{align-items:flex-start}.map-node strong,.signal-grid h3,.integration-card-grid h3,.action-flow strong{font-size:16px}}