.intg-hero{max-width:820px;margin-inline:auto;padding:clamp(3.5rem,8vw,6rem) clamp(1.25rem,5vw,2.5rem) clamp(1.5rem,4vw,2.5rem);text-align:center}.intg-hero .kicker{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.intg-hero .display em{color:var(--orange);font-style:italic}.intg-hero .lede{margin-inline:auto;max-width:60ch}.intg-depth{margin:1.2rem auto 0;max-width:62ch;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--faded)}.intg-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.75rem}.intg-tool-chips,.intg-stack-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.intg-chip{font-family:var(--font-mono);font-size:.8rem;padding:6px 12px;border:1px solid var(--hairline-strong);border-radius:999px;background:var(--bg-1);color:var(--fg);display:inline-flex;align-items:baseline;gap:.45rem;white-space:nowrap}.intg-chip-note{font-size:.66rem;color:var(--orange);letter-spacing:.02em}.intg-case-item{margin-top:2.75rem;padding-top:2.75rem;border-top:1px solid var(--hairline)}.intg-case-item:first-of-type{margin-top:1.5rem;padding-top:0;border-top:none}.intg-case-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.2;color:var(--fg);margin:0 0 .6rem}.intg-case-summary{font-family:var(--font-sans);font-size:1.02rem;line-height:1.6;color:var(--fg-2);margin:0;max-width:72ch}.intg-flow{position:relative;margin-top:2rem;max-width:760px}.intg-step{position:relative;display:flex;gap:1.1rem;padding-bottom:1.7rem}.intg-step:not(:last-child):before{content:"";position:absolute;left:18px;top:38px;bottom:-2px;width:2px;background:var(--hairline-strong)}.intg-step-node{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--muted);background:var(--bg-1);border:1.5px solid var(--hairline-strong);position:relative;z-index:1}.intg-step.is-accent .intg-step-node{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 5px var(--orange-dim)}.intg-step-body{padding-top:3px}.intg-step-tool{display:inline-block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:4px}.intg-step-action{font-family:var(--font-serif);font-size:1.12rem;line-height:1.4;color:var(--fg);margin:0}.intg-step-note{font-family:var(--font-sans);font-size:.9rem;line-height:1.5;color:var(--muted);margin:6px 0 0;max-width:56ch}.intg-step.is-accent .intg-step-note{color:var(--fg-2)}.intg-case-outcome{margin-top:2.5rem;max-width:760px;padding:clamp(1.4rem,3vw,2rem);background:var(--bg-2);border:1px solid var(--hairline);border-left:3px solid var(--orange);border-radius:var(--radius, 8px)}.intg-case-kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.intg-case-outcome-text{font-family:var(--font-serif);font-size:1.2rem;line-height:1.5;color:var(--fg);margin:.6rem 0 1.2rem}.intg-case-note{font-family:var(--font-mono);font-size:.7rem;color:var(--faded);margin:.9rem 0 0}.intg-cat-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.intg-cat{padding:clamp(1.4rem,3vw,2rem);background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg, 12px)}.intg-cat-label{font-family:var(--font-serif);font-weight:500;font-size:1.5rem;margin:0 0 .5rem;color:var(--fg)}.intg-cat-blurb{font-family:var(--font-sans);color:var(--fg-2);line-height:1.55;margin:0 0 1.2rem;max-width:72ch}.intg-cat .intg-tool-chips{margin-bottom:1.2rem}.intg-usecases{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.intg-usecases li{position:relative;padding-left:1.3rem;font-family:var(--font-sans);font-size:.95rem;line-height:1.5;color:var(--fg-2)}.intg-usecases li:before{content:"→";position:absolute;left:0;color:var(--orange)}.intg-cat-link{display:inline-block;margin-top:1.1rem;margin-right:1.2rem;padding:0;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em;color:var(--orange);text-decoration:none;text-align:left}.intg-cat-link:hover{text-decoration:underline}.intg-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;margin-top:2rem}.intg-app-card{display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,2rem);background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-lg, 12px)}.intg-app-kicker{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.intg-app-title{font-family:var(--font-serif);font-weight:500;font-size:1.5rem;margin:.4rem 0 .7rem;color:var(--fg)}.intg-app-desc{font-family:var(--font-sans);font-size:.98rem;line-height:1.6;color:var(--fg-2);margin:0 0 .95rem}.intg-app-win{font-family:var(--font-serif);font-style:italic;font-size:1.02rem;line-height:1.5;color:var(--fg);margin:0 0 1.2rem;padding-left:.9rem;border-left:2px solid var(--orange)}.intg-app-card .intg-tool-chips{margin-top:auto}.intg-mcp{max-width:760px;margin-inline:auto;padding:clamp(1.75rem,4vw,2.75rem);background:var(--bg-1);border:1px solid var(--violet, #6d4ce3);border-radius:var(--radius-lg, 12px);box-shadow:0 22px 54px -32px var(--violet-dim, rgba(109, 76, 227, .3));text-align:center}.intg-mcp-kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--violet, #6d4ce3)}.intg-mcp-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.5rem,3.5vw,2.2rem);line-height:1.15;color:var(--fg);margin:.6rem 0 .8rem}.intg-mcp-body{font-family:var(--font-sans);font-size:1.02rem;line-height:1.6;color:var(--fg-2);margin:0 auto 1.4rem;max-width:60ch}.intg-mcp-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.intg-work-list{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid var(--hairline)}.intg-work-item{border-bottom:1px solid var(--hairline)}.intg-work-link{display:flex;align-items:center;gap:1rem;padding:1.1rem .5rem;text-decoration:none;color:var(--fg);transition:padding-left .2s var(--ease-out-expo),background .2s}.intg-work-link:hover{padding-left:1rem;background:var(--bg-2)}.intg-work-cat{flex:none;width:180px;display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.intg-work-mcp{font-size:.56rem;font-weight:600;color:#fff;background:var(--violet, #6d4ce3);padding:1px 6px;border-radius:999px}.intg-work-title{flex:1;font-family:var(--font-serif);font-size:1.1rem;line-height:1.3;color:var(--fg)}.intg-work-arrow{flex:none;color:var(--orange);transition:transform .2s var(--ease-out-expo)}.intg-work-link:hover .intg-work-arrow{transform:translate(4px)}.intg-work-all{margin-top:1.5rem}@media(max-width:640px){.intg-work-link{flex-wrap:wrap;gap:.35rem}.intg-work-cat{width:auto}.intg-work-arrow{margin-left:auto}}.intg-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}