.int-hero{padding:56px 0 32px}.int-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}@media (max-width: 900px){.int-hero-grid{grid-template-columns:1fr}}.int-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.flow{aspect-ratio:1 / 1;position:relative;border:1px solid rgb(var(--c-line) / var(--c-line-a));border-radius:14px;background:rgb(var(--c-panel) / .4);padding:30px;overflow:hidden}.flow:before{content:"";position:absolute;inset:0;background:linear-gradient(rgb(var(--grid-stroke) / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--grid-stroke) / .05) 1px,transparent 1px);background-size:24px 24px}.flow .nodes{position:absolute;inset:0;display:grid;grid-template-rows:1fr 1fr 1fr;align-items:center;padding:40px}.flow .node{display:flex;align-items:center;gap:12px;padding:14px 16px;background:rgb(var(--c-bg-soft));border:1px solid rgb(var(--c-line) / .14);border-radius:10px;font-size:13px;z-index:2;width:max-content;max-width:100%}.flow .node .dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px #22e88a80}.flow .node.left{justify-self:start}.flow .node.right{justify-self:end}.flow .node.mid{justify-self:center}.flow svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flow svg path{stroke:#22e88a66;stroke-width:1.5;fill:none}.flow svg .pulse{stroke:var(--signal);stroke-width:2;stroke-dasharray:6 200;animation:flow-pulse 4s linear infinite}@keyframes flow-pulse{to{stroke-dashoffset:-206}}.setup-grid{display:grid;gap:16px}.setup-step{display:grid;grid-template-columns:80px 1fr 1.2fr;gap:20px;padding:24px;border:1px solid rgb(var(--c-line) / var(--c-line-a));background:rgb(var(--c-panel) / .4);border-radius:12px;align-items:start}@media (max-width: 900px){.setup-step{grid-template-columns:60px 1fr}.setup-step .code-block{grid-column:1 / -1}}.setup-step .n{font-family:JetBrains Mono,monospace;color:var(--signal);font-size:14px;letter-spacing:.18em}.setup-step h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.setup-step p{font-size:13.5px;color:rgb(var(--c-chalk) / .7);margin:0;line-height:1.55}.code-block{background:rgb(var(--c-bg-soft));border:1px solid rgb(var(--c-line) / .1);border-radius:8px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.55;overflow-x:auto;position:relative}.code-block .line{color:rgb(var(--c-chalk) / .9);white-space:pre}.code-block .cmt{color:rgb(var(--c-mute))}.code-block .str{color:var(--signal)}.code-block .kw{color:var(--cyan)}.copy-btn{position:absolute;top:8px;right:8px;background:rgb(var(--c-line) / .08);color:rgb(var(--c-chalk));border:1px solid rgb(var(--c-line) / .12);border-radius:6px;padding:4px 8px;font-size:10.5px;font-family:JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.copy-btn:hover{border-color:var(--signal);color:var(--signal)}.map-grid{display:grid;grid-template-columns:1fr 60px 1fr;gap:12px 24px;align-items:center}@media (max-width: 700px){.map-grid{grid-template-columns:1fr}.map-grid .arrow{display:none}}.map-grid .src,.map-grid .dest{padding:14px 16px;background:rgb(var(--c-panel) / .4);border:1px solid rgb(var(--c-line) / var(--c-line-a));border-radius:10px;font-family:JetBrains Mono,monospace;font-size:12.5px}.map-grid .src .l,.map-grid .dest .l{color:rgb(var(--c-mute));font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.map-grid .arrow{display:flex;justify-content:center;color:var(--signal);font-family:JetBrains Mono,monospace}.compat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 800px){.compat-grid{grid-template-columns:1fr}}.compat-card{padding:22px;border:1px solid rgb(var(--c-line) / var(--c-line-a));border-radius:12px;background:rgb(var(--c-panel) / .4)}.compat-card .name{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--c-mute))}.compat-card h4{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:8px 0}.compat-card p{font-size:13.5px;color:rgb(var(--c-chalk) / .7);margin:0;line-height:1.55}