.integ-hero-grid{position:relative}.integ-hero-grid>*{z-index:1;position:relative}.integ-topology-mock{border:1px solid var(--line-strong);background:var(--surface-subtle);border-radius:0;overflow:hidden}.integ-topology-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--background);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.62rem;font-weight:600;display:flex}.integ-topology-label:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.integ-topology-systems{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem;display:grid}.integ-topology-system{border:1px solid var(--line);background:var(--background);border-radius:0;padding:.75rem}.integ-topology-system-name{font-family:var(--font-mono);color:var(--foreground);margin-bottom:.2rem;font-size:.78rem;font-weight:600}.integ-topology-system-type{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-secondary);font-size:.62rem;font-weight:500}.integ-topology-connector{justify-content:center;align-items:center;height:1.8rem;padding:0 1rem;display:flex}.integ-topology-connector:before{content:"";background:repeating-linear-gradient(180deg,var(--line-strong)0,var(--line-strong)4px,transparent 4px,transparent 8px);width:1px;height:100%;margin:0 auto}.integ-topology-layer{background:var(--brand-soft);text-align:center;border:1px solid #3f5bff33;border-radius:0;margin:0 1rem;padding:.75rem 1rem}.integ-topology-layer-label{font-family:var(--font-mono);color:var(--brand);margin-bottom:.15rem;font-size:.72rem;font-weight:600}.integ-topology-layer-meta{font-family:var(--font-mono);color:var(--foreground-secondary);letter-spacing:.02em;font-size:.62rem;font-weight:500}.integ-topology-agents{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem;display:grid}.integ-topology-agent{border:1px solid var(--line);background:var(--background);border-radius:0;padding:.75rem}.integ-topology-agent-name{font-family:var(--font-mono);color:var(--foreground);margin-bottom:.2rem;font-size:.72rem;font-weight:600}.integ-topology-agent-domain{color:var(--foreground-secondary);font-size:.68rem}.integ-topology-footer{border-top:1px solid var(--line);background:var(--background);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--foreground-secondary);align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.62rem;font-weight:600;display:flex}.integ-hero-chips{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.integ-hero-chip{border-left:2px solid var(--brand);font-family:var(--font-mono);letter-spacing:.04em;color:var(--foreground-secondary);background:0 0;border-radius:0;padding-inline:.75rem;font-size:.72rem;font-weight:500;line-height:1.2;transition:border-color .25s,color .25s}.integ-hero-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:0;grid-template-columns:repeat(3,1fr);display:grid}.integ-hero-stat{border-right:1px solid var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;padding:clamp(1.2rem,2vw,1.6rem) clamp(1rem,2vw,1.4rem)}.integ-hero-stat:last-child{border-right:none}.integ-hero-stat-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--foreground);margin-bottom:.2rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:400}.integ-hero-stat-label{color:var(--foreground-secondary);font-size:.82rem}.integ-callout{border-left:3px solid var(--brand);background:var(--brand-soft);border-radius:0 0-sm 0-sm 0;margin-top:1.5rem;padding:1rem 1.05rem}.integ-callout p{font-family:var(--font-mono);color:var(--foreground);font-size:.84rem;line-height:1.55}.integ-matrix-panel{border-top:1px solid var(--line);border-radius:0;margin-top:2rem;overflow:hidden}.integ-matrix-bar{border-bottom:1px solid var(--line);background:var(--surface-subtle);align-items:center;padding:0;display:flex}.integ-matrix-bar-item{font-family:var(--font-mono);color:var(--foreground);padding:.75rem 1rem;font-size:.72rem;font-weight:500}.integ-matrix-bar-item:not(:last-child){border-right:1px solid var(--line)}.integ-matrix-bar-item span{color:var(--foreground-secondary);margin-right:.5rem;font-weight:400}.integ-matrix-table{grid-template-columns:1.3fr 2fr .7fr .7fr .7fr;display:grid}.integ-matrix-header{display:contents}.integ-matrix-header-cell{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:1px solid var(--line);background:var(--surface-subtle);padding:.5rem .75rem;font-size:.58rem;font-weight:600}.integ-matrix-header-cell:not(:last-child){border-right:1px solid var(--line)}.integ-matrix-row{display:contents}.integ-matrix-cell{font-family:var(--font-mono);color:var(--foreground);border-bottom:1px solid var(--line);padding:.5rem .75rem;font-size:.72rem;font-weight:500}.integ-matrix-cell:not(:last-child){border-right:1px solid var(--line)}.integ-matrix-row:last-child .integ-matrix-cell{border-bottom:none}.integ-matrix-cell-status{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--status-green);align-items:center;gap:.3rem;font-size:.68rem;font-weight:600;display:inline-flex}.integ-matrix-cell-status:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.integ-sync-panel{border-top:1px solid var(--line);border-radius:0;grid-template-columns:1fr 1.2fr;margin-top:2rem;display:grid;overflow:hidden}.integ-sync-text{border-right:1px solid var(--line);flex-direction:column;gap:1rem;padding:2.5rem;display:flex}.integ-sync-text p{color:var(--foreground-secondary);font-size:.95rem;line-height:1.55}.integ-sync-text a{color:var(--brand);margin-top:auto;font-size:.93rem;font-weight:500}.integ-sync-diagram{background:var(--surface-subtle);padding:2.5rem}.integ-sync-perimeter{border:2px solid var(--line-strong);outline:1px solid var(--line);outline-offset:3px;background:var(--background);border-radius:0;overflow:hidden}.integ-sync-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--foreground-secondary);border-bottom:2px solid var(--line-strong);background:var(--surface-subtle);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.68rem;font-weight:600;display:flex}.integ-sync-label:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.integ-sync-flow{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.integ-sync-nodes{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;display:grid}.integ-sync-node{border:1px solid var(--line);background:var(--surface-subtle);border-radius:0;padding:.75rem}.integ-sync-node-label{font-family:var(--font-mono);color:var(--foreground);margin-bottom:.2rem;font-size:.72rem;font-weight:600}.integ-sync-node-detail{color:var(--foreground-secondary);font-size:.68rem;line-height:1.4}.integ-sync-middleware{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.integ-sync-arrow{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.5rem;font-size:.58rem;font-weight:600;display:flex}.integ-sync-arrow:before,.integ-sync-arrow:after{content:"";background:repeating-linear-gradient(90deg,var(--line-strong)0,var(--line-strong)4px,transparent 4px,transparent 8px);width:1.5rem;height:1px}.integ-sync-arrow--read{color:var(--brand)}.integ-sync-arrow--write{color:var(--status-green)}.integ-sync-layer{background:var(--brand-soft);border:1px solid #3f5bff33;border-radius:0;padding:.75rem}.integ-sync-layer-label{font-family:var(--font-mono);color:var(--brand);text-align:center;margin-bottom:.5rem;font-size:.68rem;font-weight:600}.integ-sync-layer-items{flex-direction:column;gap:.2rem;display:flex}.integ-sync-layer-item{font-family:var(--font-mono);color:var(--foreground-secondary);align-items:center;gap:.5rem;font-size:.62rem;font-weight:500;display:flex}.integ-sync-layer-item:before{content:"";border:1px solid var(--brand);border-radius:50%;flex-shrink:0;width:5px;height:5px}.integ-sync-footer{border-top:2px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--status-green);background:#16a34a0a;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.72rem;font-weight:600;display:flex}.integ-card-icon{border:1px solid var(--line);width:2rem;height:2rem;color:var(--brand);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.integ-mesh-bg{position:relative}.integ-mesh-bg:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 26px,var(--line)26px,var(--line)28px),repeating-linear-gradient(0deg,transparent 0,transparent 12px,var(--line)12px,var(--line)14px);opacity:.1;background-size:28px 100%,100% 14px;position:absolute;inset:0}.integ-mesh-bg>*{z-index:1;position:relative}.integ-types-strip{border-top:1px solid var(--line);counter-reset:integ-types;border-radius:0;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2rem;display:grid;position:relative}.integ-types-cell{counter-increment:integ-types;padding:2.5rem;position:relative;overflow:hidden}.integ-types-cell:not(:last-child){border-right:1px solid var(--line)}.integ-types-cell:before{content:counter(integ-types,decimal-leading-zero);font-family:var(--font-mono);color:var(--line);opacity:.5;pointer-events:none;font-size:clamp(3.5rem,6vw,5rem);font-weight:200;line-height:1;position:absolute;top:-.15em;right:.75rem}.integ-types-type{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.3rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.integ-types-type--prebuilt{color:var(--brand);background:var(--brand-soft);border:1px solid #3f5bff33}.integ-types-type--custom{color:var(--status-green);background:#16a34a14;border:1px solid #16a34a33}.integ-types-type--webhook{color:var(--status-warning);background:#d9770614;border:1px solid #d9770633}.integ-types-label{color:var(--foreground);border-bottom:1px solid var(--line);margin-bottom:.5rem;padding-bottom:.5rem;font-size:1.04rem;font-weight:500}.integ-types-desc{color:var(--foreground-secondary);margin-bottom:1rem;font-size:.86rem;line-height:1.5}.integ-types-divider{background:var(--line);height:1px;margin-bottom:.75rem}.integ-types-details{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.integ-types-details li{color:var(--foreground-secondary);padding-left:1rem;font-size:.84rem;line-height:1.4;position:relative}.integ-types-details li:before{content:"—";color:var(--line-strong);position:absolute;left:0}.integ-types-micro{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.integ-micro-flow{flex-wrap:wrap;align-items:center;gap:0;display:flex}.integ-micro-step{font-family:var(--font-mono);color:var(--foreground);border:1px solid var(--line);background:var(--surface-subtle);white-space:nowrap;border-radius:0;padding:.3rem .5rem;font-size:.62rem;font-weight:600}.integ-micro-arrow{background:repeating-linear-gradient(90deg,var(--line-strong)0,var(--line-strong)3px,transparent 3px,transparent 6px);flex-shrink:0;width:1rem;height:1px}.integ-micro-code{border:1px solid var(--line);background:var(--surface-subtle);border-radius:0;overflow:hidden}.integ-micro-code-line{font-family:var(--font-mono);color:var(--foreground);padding:.2rem .75rem;font-size:.62rem;font-weight:500;line-height:1.5}.integ-micro-code-line:not(:last-child){border-bottom:1px solid var(--line)}.integ-micro-code-line:first-child{color:var(--brand);font-weight:600}.integ-card-icon-dark{border:1px solid var(--dark-border,#ffffff1a);width:2rem;height:2rem;color:var(--brand);border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.75rem;display:inline-flex}.integ-security-flow{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;margin-top:2rem;padding:2.5rem;overflow:hidden}.integ-security-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;border-bottom:1px solid var(--dark-border,#ffffff1a);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;font-size:.68rem;font-weight:600;display:flex}.integ-security-label:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.integ-security-pipeline{align-items:center;gap:0;display:flex}.integ-security-step{border:1px solid var(--dark-border,#ffffff1a);background:#ffffff08;border-radius:0;flex:1;min-width:0;padding:.75rem 1rem}.integ-security-step-label{font-family:var(--font-mono);color:var(--primary-foreground);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.72rem;font-weight:600;overflow:hidden}.integ-security-step-detail{color:#fff6;font-size:.62rem}.integ-security-step-connector{flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem;display:flex}.integ-security-step-connector:before{content:"";background:repeating-linear-gradient(90deg,#ffffff40 0 4px,#0000 4px 8px);width:1.5rem;height:1px}.integ-security-grid{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2rem;display:grid}.integ-security-cell{padding:2.5rem}.integ-security-cell:not(:last-child){border-right:1px solid var(--dark-border,#ffffff1a)}.integ-security-name{font-family:var(--font-mono);color:var(--primary-foreground);border-bottom:1px solid var(--dark-border,#ffffff1a);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.82rem;font-weight:600}.integ-security-desc{color:#ffffff73;margin-bottom:.75rem;font-size:.74rem;line-height:1.4}.integ-security-status{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--status-green);align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;display:inline-flex}.integ-security-status:before{content:"";background:var(--status-green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.integ-dark-stats{border:1px solid var(--dark-border,#ffffff1a);border-radius:0;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2rem;display:grid}.integ-dark-stat-cell{padding:2.5rem}.integ-dark-stat-cell:not(:last-child){border-right:1px solid var(--dark-border,#ffffff1a)}.integ-dark-stat-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;border-bottom:1px solid var(--dark-border,#ffffff1a);margin-bottom:.75rem;padding-bottom:.75rem;font-size:.72rem;font-weight:600}.integ-dark-stat-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--primary-foreground);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:400}.integ-final-divider{border-top:1px solid var(--line);max-width:80rem;margin-inline:auto}@media (max-width:1100px){.integ-sync-panel{grid-template-columns:1fr}.integ-sync-text{border-right:none;border-bottom:1px solid var(--line)}.integ-security-grid{grid-template-columns:repeat(2,1fr)}.integ-security-cell:nth-child(2){border-right:none}.integ-security-cell:nth-child(-n+2){border-bottom:1px solid var(--dark-border,#ffffff1a)}.integ-dark-stats{grid-template-columns:repeat(2,1fr)}.integ-dark-stat-cell:nth-child(2){border-right:none}.integ-dark-stat-cell:nth-child(-n+2){border-bottom:1px solid var(--dark-border,#ffffff1a)}.integ-types-strip{grid-template-columns:repeat(3,1fr)}.integ-types-cell{padding:1.05rem}.integ-matrix-bar{flex-wrap:wrap}}@media (max-width:760px){.integ-matrix-panel{overflow-x:auto}.integ-matrix-table{min-width:32rem}.integ-types-strip{grid-template-columns:1fr}.integ-types-cell{border-right:none!important}.integ-types-cell:not(:last-child){border-bottom:1px solid var(--line)}.integ-sync-panel{grid-template-columns:1fr}.integ-sync-text{border-right:none;border-bottom:1px solid var(--line)}.integ-sync-perimeter{outline-offset:0;outline:none}.integ-topology-systems,.integ-topology-agents{grid-template-columns:1fr}.integ-security-pipeline{flex-direction:column;gap:0}.integ-security-step{width:100%}.integ-security-step-connector{padding:.5rem 0}.integ-security-step-connector:before{background:repeating-linear-gradient(#ffffff40 0 4px,#0000 4px 8px);width:1px;height:1.5rem}.integ-security-grid{grid-template-columns:1fr}.integ-security-cell{border-right:none!important}.integ-security-cell:not(:last-child){border-bottom:1px solid var(--dark-border,#ffffff1a)}.integ-dark-stats{grid-template-columns:1fr}.integ-dark-stat-cell{border-right:none!important}.integ-dark-stat-cell:not(:last-child){border-bottom:1px solid var(--dark-border,#ffffff1a)}.integ-hero-stats{grid-template-columns:1fr}.integ-hero-stat:not(:last-child){border-right:none;border-bottom:1px solid var(--line)}.integ-sync-nodes{grid-template-columns:1fr;gap:0}.integ-sync-middleware{padding:.5rem 0}.integ-sync-arrow:before,.integ-sync-arrow:after{background:repeating-linear-gradient(180deg,var(--line-strong)0,var(--line-strong)4px,transparent 4px,transparent 8px);width:1px;height:1rem}}.integ-detail-page .integ-detail-ta-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:760px){.integ-detail-page .integ-detail-ta-grid{grid-template-columns:1fr}}.integ-detail-page .integ-detail-ta-panel{border:1px solid var(--line);border-radius:.5rem;overflow:hidden}.integ-detail-page .integ-detail-ta-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);border-bottom:1px solid var(--line);background:var(--surface-subtle);padding:.75rem 1rem;font-size:.82rem;font-weight:600}.integ-detail-page .integ-detail-ta-list{flex-direction:column;display:flex}.integ-detail-page .integ-detail-ta-item{border-bottom:1px solid var(--line);padding:.875rem 1rem}.integ-detail-page .integ-detail-ta-item:last-child{border-bottom:none}.integ-detail-page .integ-detail-ta-name{color:var(--text);margin-bottom:.25rem;font-size:.95rem;font-weight:500}.integ-detail-page .integ-detail-ta-desc{color:var(--muted-foreground);font-size:.86rem;line-height:1.45}.integ-detail-page .integ-detail-data-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (max-width:1100px){.integ-detail-page .integ-detail-data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.integ-detail-page .integ-detail-data-grid{grid-template-columns:1fr}}.integ-detail-page .integ-detail-data-item{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:.5rem;align-items:center;gap:.625rem;padding:1rem;font-size:.95rem;font-weight:500;display:flex}.integ-detail-page .integ-detail-data-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:8px;height:8px}.integ-detail-page .integ-detail-uc-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:1100px){.integ-detail-page .integ-detail-uc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.integ-detail-page .integ-detail-uc-grid{grid-template-columns:1fr}}.integ-detail-page .integ-detail-uc-card{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;padding:1.5rem}.integ-detail-page .integ-detail-uc-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.08rem;font-weight:500;line-height:1.3}.integ-detail-page .integ-detail-uc-card p{color:var(--muted-foreground);font-size:.9rem;line-height:1.55}.integ-detail-page .integ-detail-faq-list{flex-direction:column;gap:.75rem;max-width:60rem;display:flex}.integ-detail-page .integ-detail-faq-item{border:1px solid var(--line);border-radius:.5rem;overflow:hidden}.integ-detail-page .integ-detail-faq-item[open] .integ-detail-faq-question:after{transform:rotate(45deg)}.integ-detail-page .integ-detail-faq-question{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;list-style:none;display:flex}.integ-detail-page .integ-detail-faq-question::-webkit-details-marker{display:none}.integ-detail-page .integ-detail-faq-question:after{content:"+";color:var(--muted-foreground);flex-shrink:0;margin-left:1rem;font-size:1.2rem;font-weight:300;transition:transform .2s cubic-bezier(.25,1,.5,1)}.integ-detail-page .integ-detail-faq-answer{color:var(--muted-foreground);padding:0 1.25rem 1rem;font-size:.9rem;line-height:1.6}