.integrations-page{position:relative;padding:10rem 2rem 5rem}.integrations-grid-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:.4}.integrations-content{position:relative;max-width:72rem;margin:auto;color:var(--on-surface)}.integrations-content header{max-width:47rem;margin:auto;text-align:center}.integrations-content h1{font:800 clamp(2.7rem,6vw,4.5rem)/1.1 Manrope,sans-serif;margin:1rem 0 1.5rem}.integrations-content h1 span{color:var(--primary)}.integrations-content header>.journey-illustration{max-width:27rem;margin-top:1.5rem}.integrations-content p{color:var(--on-surface-variant);line-height:1.75}.integrations-content section{margin-top:4rem}.integrations-content h2{font:700 clamp(1.7rem,3vw,2.5rem)/1.2 Manrope,sans-serif;margin:1rem 0}.integration-status{display:inline-block;padding:.4rem .75rem;border-radius:.4rem;color:var(--on-primary-container);background:var(--primary-container);font-size:.75rem;font-weight:700}.integration-status-planned{border:1px dashed var(--outline);background:var(--surface-container);color:var(--on-surface-variant)}.integration-current{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.integration-current article{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:1rem;padding:2rem}.integrations-content h3{font:700 1.1rem/1.4 Manrope,sans-serif;margin-bottom:.7rem}.integration-current p{font-size:.9rem}.integration-current .integration-note{font-size:.8rem;padding-left:1rem;border-left:2px solid var(--primary);margin:1rem 0}.integrations-content a{color:var(--primary);font-weight:700;font-size:.85rem}.integration-roadmap{margin-top:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:2rem;column-gap:2rem}.integration-roadmap article{display:flex;gap:1rem;align-items:start;padding:1.5rem 0;border-top:1px solid var(--outline-variant)}.integration-roadmap .material-symbols-outlined{color:var(--primary)}.integration-roadmap p{font-size:.85rem}.integration-planned-label{font-size:.7rem;color:var(--on-surface-variant)}.integration-next{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:center;padding:2rem;border-radius:1rem;background:var(--surface-container-low)}.integration-next a{display:inline-block;margin:1.5rem 1rem 0 0}.integration-next .integration-cta{padding:.8rem 1.2rem;background:var(--primary);color:var(--on-primary);border-radius:.5rem}.integrations-content a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media(max-width:700px){.integrations-page{padding:8rem 1.5rem 3rem}.integration-current,.integration-roadmap,.integration-next{grid-template-columns:1fr}.integration-current article,.integration-next{padding:1.5rem}}.integrations-content .journey-eyebrow{color:var(--primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
