.integration-detail section{padding-block:64px}.integration-detail h2{text-wrap:balance}.integration-detail .section-heading{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 64px;margin-bottom:36px;display:grid}.integration-detail .section-heading h2{margin:0;font-size:clamp(2rem,3.4vw,2.75rem)}.integration-detail .section-heading>p{max-width:40ch;margin:0 0 6px;font-size:1.0625rem}.integration-detail .section-heading .eyebrow{margin-bottom:12px}.integration-detail .mono-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);margin:0 0 14px;font-size:.875rem;font-weight:500}.integration-detail .id-hero{background:var(--surface);grid-template:"copy figure""for figure"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 72px;padding-block:32px 56px;display:grid}.integration-detail .id-hero-copy{grid-area:copy;min-width:0}.integration-detail .id-hero>figure,.integration-detail .id-hero>.id-figure{grid-area:figure;align-self:center}.integration-detail h1{max-width:15ch;font-size:clamp(2.5rem,4.2vw,3.5rem);line-height:1.05}.integration-detail .id-hero .intro-lead{max-width:46ch;margin-bottom:0;font-size:1.1875rem;line-height:1.55}.integration-detail .id-hero .actions{align-items:center;gap:12px 28px;margin-top:28px}.integration-detail .id-for{border-top:1px solid var(--line-strong);grid-area:for;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:24px 32px;margin:40px 0 0;padding-top:20px;display:grid}.integration-detail .id-for dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:6px;font-size:.875rem;font-weight:500}.integration-detail .id-for dd{color:var(--muted);margin:0;font-size:1rem;line-height:1.55}.integration-detail .id-for dd strong{color:var(--ink);font-weight:600}.integration-detail .id-figure{min-width:0;margin:0}.integration-detail .id-sheet{border:1px solid var(--line);border-radius:var(--r-small);background:var(--surface);padding:30px 30px 24px;position:relative;box-shadow:0 1px 2px #1d2a210d,0 32px 64px -40px #1d2a2180}.integration-detail .id-sheet:before{content:"";border-radius:var(--r-small) var(--r-small) 0 0;background:var(--forest);height:6px;position:absolute;inset:-1px -1px auto}.integration-detail .id-sheet h2{margin-bottom:20px;font-size:1.5rem;line-height:1.2}.integration-detail .id-figure figcaption{color:var(--muted);margin-top:16px;font-size:.9375rem;line-height:1.55}.integration-detail .lane-diagram{border-radius:var(--r-panel);background:var(--paper);padding:40px}.integration-detail .lane-steps{grid-template-columns:repeat(var(--lane-cols,3), minmax(0, 1fr));gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.integration-detail .lane-steps>li{min-width:0;padding:30px 0 0 30px;position:relative}.integration-detail .lane-steps>li:not(:last-child):before{content:"";background:var(--line-strong);height:2px;position:absolute;top:8px;left:0;right:-40px}.integration-detail .lane-steps>li:not(:last-child):after{content:"";border-top:2px solid var(--ink);border-right:2px solid var(--ink);width:8px;height:8px;position:absolute;top:4px;right:-34px;transform:rotate(45deg)}.integration-detail .lane-node{z-index:1;box-sizing:border-box;border:2px solid var(--ink);border-radius:var(--r-small);background:var(--surface);width:18px;height:18px;position:absolute;top:0;left:0}.integration-detail .lane-number{font-family:var(--font-mono);color:var(--brand-strong);margin-bottom:6px;font-size:.875rem;display:block}.integration-detail .lane-steps h3{margin-bottom:6px;font-size:1.125rem}.integration-detail .lane-steps li p{margin:0;font-size:1rem;line-height:1.55}.integration-detail .lane-party{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:4px;font-size:.875rem;display:block}.integration-detail .id-note{border-left:3px solid var(--brand);max-width:72ch;color:var(--ink);margin:28px 0 0;padding-left:16px;font-size:1rem}.integration-detail .integration-close{align-items:center;padding-block:44px}.integration-detail .integration-close h2{max-width:28ch;margin-bottom:8px;font-size:clamp(1.75rem,2.6vw,2.25rem)}.integration-detail .integration-close>.btn{align-self:center;margin-bottom:0}.integration-detail .id-close-support{margin:8px 0 0;font-size:1rem}.integration-detail .id-close-support a{min-height:44px;color:var(--action);align-items:center;display:inline-flex}.integration-detail .id-trademark{padding:20px var(--integration-gutter);border-top:1px solid var(--line)}.integration-detail .id-trademark p{max-width:92ch;margin:0;font-size:.9375rem}@media (width<=1050px){.integration-detail .id-hero{column-gap:40px}.integration-detail .lane-diagram{padding:32px 28px}.integration-detail .lane-steps{column-gap:28px}.integration-detail .lane-steps>li:not(:last-child):before{right:-28px}.integration-detail .lane-steps>li:not(:last-child):after{right:-24px}}@media (width<=900px){.integration-detail .id-hero{grid-template:"copy""figure""for"/1fr}.integration-detail .id-hero>figure,.integration-detail .id-hero>.id-figure{max-width:560px;margin-top:40px}.integration-detail .id-hero .crumb{margin-bottom:20px}.integration-detail .id-hero .intro-lead{max-width:60ch}.integration-detail h1{max-width:18ch}.integration-detail .section-heading{grid-template-columns:1fr}.integration-detail .lane-steps{grid-template-columns:1fr;gap:0}.integration-detail .lane-steps>li{padding:0 0 24px 40px}.integration-detail .lane-steps>li:last-child{padding-bottom:0}.integration-detail .lane-steps>li:not(:last-child):before{width:2px;height:auto;inset:18px auto 0 8px}.integration-detail .lane-steps>li:not(:last-child):after{inset:auto auto 4px 5px;transform:rotate(135deg)}}@media (width<=700px){.integration-detail section{padding-block:52px}.integration-detail .id-hero{padding-block:20px 44px}.integration-detail .id-hero .eyebrow{margin-bottom:12px}.integration-detail h1{margin-bottom:16px;font-size:clamp(2.25rem,10.5vw,2.75rem)}.integration-detail .id-hero .actions{margin-top:22px}.integration-detail .id-hero>figure,.integration-detail .id-hero>.id-figure{margin-top:32px}.integration-detail .id-hero .intro-lead{font-size:1.0625rem}.integration-detail .id-hero .btn{width:100%;max-width:360px}.integration-detail .id-for{grid-template-columns:1fr;gap:16px;margin-top:24px}.integration-detail .id-sheet{padding:26px 18px 20px}.integration-detail .id-sheet h2{font-size:1.375rem}.integration-detail .section-heading{margin-bottom:24px}.integration-detail .lane-diagram{padding:28px 16px}.integration-detail .integration-close{padding-block:40px}.integration-detail .integration-close>.btn{width:100%;max-width:360px}}