.integration-docs-shell{width:min(1440px,100% - 3rem);margin-inline:auto;padding-bottom:5rem}.integration-docs-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:5rem;display:flex}.integration-docs-nav>div{color:var(--muted);align-items:center;gap:1.5rem;font-size:.875rem;font-weight:750;display:flex}.integration-docs-nav a:hover,.integration-docs-nav a[aria-current=page]{color:var(--green)}.integration-docs-hero{padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,6vw,5rem)}.integration-docs-hero h1{letter-spacing:-.065em;max-width:64rem;margin:.8rem 0 0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98}.integration-docs-hero>p:not(.eyebrow){max-width:54rem;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.integration-docs-banner{color:#5f4810;background:#fffbeb;border:1px solid #d5a62973;border-radius:.5rem;grid-template-columns:minmax(10rem,.25fr) minmax(0,1fr);gap:1.25rem;max-width:70rem;margin-top:2.5rem;padding:1.25rem;line-height:1.6;display:grid}.integration-docs-section-heading{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:end;gap:2rem;padding:3rem 0 2rem;display:grid}.integration-docs-section-heading h2,.integration-contract-section h2,.integration-docs-cta h2{letter-spacing:-.05em;max-width:50rem;margin:.55rem 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.integration-docs-section-heading>p,.integration-contract-section>div>p:not(.eyebrow),.integration-docs-cta p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.7}.integration-template-list{gap:1.5rem;display:grid}.integration-template-card{border:1px solid var(--line);background:var(--panel);border-radius:.5rem;grid-template-columns:minmax(0,1.05fr) minmax(28rem,.95fr);display:grid;overflow:hidden;box-shadow:0 1px 3px #0c1b180d}.integration-template-copy{padding:clamp(1.5rem,3vw,2.5rem)}.integration-template-title{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.integration-template-title>span{background:var(--mint);width:2.5rem;height:2.5rem;color:var(--green);border-radius:.4rem;place-items:center;font-size:.75rem;font-weight:850;display:grid}.integration-template-title p,.integration-template-title h3{margin:0}.integration-template-title p{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.6875rem;font-weight:800}.integration-template-title h3{margin-top:.2rem;font-size:1.45rem}.integration-template-title>strong{background:var(--mint);color:var(--green-dark);white-space:nowrap;border:1px solid #0b5b4729;border-radius:999px;padding:.45rem .7rem;font-size:.75rem}.integration-template-summary{max-width:44rem;color:var(--muted);margin:1.5rem 0;font-size:1.05rem;line-height:1.7}.integration-template-details{margin:0;display:grid}.integration-template-details>div{border-top:1px solid var(--line);grid-template-columns:minmax(9rem,.32fr) minmax(0,.68fr);gap:1.25rem;padding:1rem 0;display:grid}.integration-template-details dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:800}.integration-template-details dd{margin:0;line-height:1.65}.integration-template-details ol{gap:.3rem;margin:0;padding-left:1.15rem;display:grid}.integration-event-list{flex-wrap:wrap;gap:.4rem;display:flex}.integration-event-list code,.integration-template-path code{border:1px solid var(--line);background:var(--paper);color:var(--green-dark);overflow-wrap:anywhere;border-radius:.3rem;padding:.25rem .4rem;font-size:.75rem}.integration-template-path{color:var(--muted);margin:1rem 0 0;font-size:.75rem}.integration-template-code{color:#dff4e9;background:#061713;grid-template-rows:auto 1fr;min-width:0;display:grid}.integration-template-code>div{color:#dff4e9a3;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #dff4e91f;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-size:.6875rem;font-weight:800;display:flex}.integration-template-code pre{max-width:100%;margin:0;padding:clamp(1.25rem,3vw,2rem);font-size:.78rem;line-height:1.75;overflow:auto}.integration-template-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.integration-contract-section{background:var(--green-dark);color:#fff;border-radius:.5rem;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);margin-top:clamp(4rem,9vw,8rem);padding:clamp(2rem,5vw,5rem);display:grid}.integration-contract-section .eyebrow{color:#aee3cc}.integration-contract-section>div>p:not(.eyebrow){color:#ffffffb8;margin-top:1.25rem}.integration-contract-section ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.integration-contract-section li{border-top:1px solid #ffffff26;grid-template-columns:minmax(8rem,.35fr) minmax(0,.65fr);gap:1rem;padding:1.25rem 0;display:grid}.integration-contract-section li:first-child{border-top:0;padding-top:0}.integration-contract-section li span{color:#ffffffb3;line-height:1.6}.integration-docs-cta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:3rem;padding:clamp(4rem,9vw,8rem) 0;display:flex}.integration-docs-cta>div:first-child{max-width:50rem}.integration-docs-cta p:not(.eyebrow){margin-top:1rem}.integration-docs-cta>div:last-child{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:1040px){.integration-template-card,.integration-contract-section{grid-template-columns:1fr}.integration-template-code{min-height:28rem}}@media (max-width:720px){.integration-docs-shell{width:min(100% - 2rem,42rem)}.integration-docs-nav,.integration-docs-cta{flex-direction:column;align-items:flex-start}.integration-docs-nav{padding:1rem 0}.integration-docs-nav>div{flex-direction:column;align-items:flex-start;gap:.75rem}.integration-docs-banner,.integration-docs-section-heading,.integration-template-details>div,.integration-contract-section li{grid-template-columns:1fr}.integration-template-title{grid-template-columns:auto minmax(0,1fr)}.integration-template-title>strong{grid-column:2;justify-self:start}.integration-template-code{min-height:24rem}.integration-docs-cta>div:last-child,.integration-docs-cta .button-primary,.integration-docs-cta .button-secondary{width:100%}}@media print{.integration-docs-nav,.integration-docs-cta{display:none}.integration-docs-shell{width:100%}.integration-docs-hero{padding-top:0}.integration-template-card,.integration-contract-section{break-inside:avoid;box-shadow:none}}