.integration-benefits,.integration-benefits *{box-sizing:border-box}.integration-benefits{overflow:hidden;background:#fff;padding:2rem 1.25rem 3.5rem}.integration-benefits__container{max-width:80rem;margin-inline:auto;border-radius:40px;background:radial-gradient(circle at top right,rgba(126,86,255,.08),transparent 28%),#f8f7fe;padding:3rem}.integration-benefits__header{max-width:52rem;margin:0 auto 2.5rem;text-align:center}.integration-benefits__badge{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;border:1px solid rgba(89,69,230,.16);border-radius:9999px;background:#ffffffe6;padding:.45rem .9rem;color:#5945e6;font-size:.75rem;line-height:1.4;font-weight:700;box-shadow:0 1px 2px #0f172a0a,0 6px 18px #5945e60f}.integration-benefits__header h2{margin:0;color:#292d34;font-size:clamp(1.875rem,4vw,3rem);line-height:1.12;font-weight:800;letter-spacing:-.025em;text-wrap:balance}.integration-benefits__header h2 strong{color:#312e81;font-weight:inherit}.integration-benefits__header>p{max-width:46rem;margin:1rem auto 0;color:#566075;font-size:1rem;line-height:1.7;text-wrap:pretty}.integration-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.integration-benefits__card{--card-accent: #5945e6;--card-background: #f8f6ff;--card-border: #dcd5ff;--card-icon-background: #ece8ff;position:relative;display:flex;min-width:0;min-height:390px;flex-direction:column;overflow:hidden;border:1px solid var(--card-border);border-radius:1.25rem;background:var(--card-background);padding:1.35rem;box-shadow:0 1px 2px #0f172a08,0 10px 28px #2f226f0f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.integration-benefits__card:hover{transform:translateY(-4px);box-shadow:0 1px 2px #0f172a08,0 18px 38px #2f226f1c}.integration-benefits__card[data-tone=purple]{--card-accent: #6847e8;--card-background: #f7f4ff;--card-border: #d9d0ff;--card-icon-background: #eae4ff}.integration-benefits__card[data-tone=rose]{--card-accent: #df195f;--card-background: #fff5f7;--card-border: #ffcbd8;--card-icon-background: #ffe1e8}.integration-benefits__card[data-tone=blue]{--card-accent: #2563eb;--card-background: #f1f7ff;--card-border: #c9ddff;--card-icon-background: #dfebff}.integration-benefits__card[data-tone=yellow]{--card-accent: #b45309;--card-background: #fff9e9;--card-border: #f5d78e;--card-icon-background: #ffedbd}.integration-benefits__card[data-tone=cyan]{--card-accent: #087ea4;--card-background: #effcff;--card-border: #bcebf4;--card-icon-background: #d8f6fa}.integration-benefits__card[data-tone=green]{--card-accent: #15803d;--card-background: #f0fcf5;--card-border: #bce8cb;--card-icon-background: #d9f5e3}.integration-benefits__card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.15rem}.integration-benefits__icon{display:inline-flex;flex:0 0 auto;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:.875rem;background:var(--card-icon-background);font-size:1.15rem;line-height:1}.integration-benefits__label{display:inline-flex;align-items:center;border:1px solid var(--card-border);border-radius:9999px;background:#ffffffb3;padding:.35rem .7rem;color:var(--card-accent);font-size:.6875rem;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.integration-benefits__copy h3{margin:0;color:#111827;font-size:1.125rem;line-height:1.3;font-weight:800;text-wrap:balance}.integration-benefits__copy p{margin:.75rem 0 0;color:#4b5563;font-size:.9rem;line-height:1.65}.integration-benefits__list{display:grid;gap:.45rem;margin:1rem 0 0;padding:0;color:#374151;font-size:.8125rem;line-height:1.5;list-style:none}.integration-benefits__list li{position:relative;padding-left:1.1rem}.integration-benefits__list li:before{content:"•";position:absolute;top:0;left:0;color:var(--card-accent);font-weight:900}.integration-benefits__media{display:flex;width:100%;height:8.75rem;align-items:center;justify-content:center;overflow:hidden;margin:auto 0 0;padding-top:1rem}.integration-benefits__media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .35s ease}.integration-benefits__card:hover .integration-benefits__media img{transform:scale(1.035)}@media (max-width: 1023px){.integration-benefits__container{padding:2.5rem 2rem}.integration-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-benefits__card{min-height:370px}}@media (max-width: 639px){.integration-benefits{padding:1.5rem 1rem 3rem}.integration-benefits__container{overflow:hidden;border-radius:32px;padding:2rem 1rem}.integration-benefits__header{margin-bottom:2rem;padding-inline:.25rem}.integration-benefits__header h2{font-size:1.875rem}.integration-benefits__header>p{font-size:.9375rem;line-height:1.65}.integration-benefits__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,88%);grid-template-columns:none;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .125rem .85rem;scroll-padding-inline:.125rem;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.integration-benefits__card{min-height:390px;padding:1.25rem;scroll-snap-align:start;scroll-snap-stop:always}.integration-benefits__copy h3{font-size:1.0625rem}.integration-benefits__copy p{font-size:.875rem;line-height:1.6}.integration-benefits__media{height:8.25rem}.integration-benefits__grid::-webkit-scrollbar{height:6px}.integration-benefits__grid::-webkit-scrollbar-thumb{border-radius:999px;background:#5945e64d}.integration-benefits__grid::-webkit-scrollbar-track{background:transparent}}@media (min-width: 1280px){.integration-benefits{padding-right:0;padding-left:0}}@media (prefers-reduced-motion: reduce){.integration-benefits__card,.integration-benefits__media img{transition:none}.integration-benefits__card:hover,.integration-benefits__card:hover .integration-benefits__media img{transform:none}}.integration-hero{position:relative}.integration-hero__background{position:absolute;inset-block-start:0;inset-inline-start:50%;inline-size:100vw;block-size:100%;max-block-size:100%;overflow:hidden;pointer-events:none;z-index:-1;transform:translate(-50%)}.primary-button{background:var(--accent-gradient);font-weight:600;transition:.5s;background-size:200% auto;box-shadow:0 0 20px #eee}.primary-button:hover{background-position:right center}.clippath{position:absolute;inset-inline-start:50%;inset-inline-end:0;max-inline-size:1149px;block-size:1143px;background:#9c32eb;background-image:radial-gradient(circle at 10% 30%,#7a1bdd,#7a1bdd00 55%),radial-gradient(circle at 40% 70%,#5690e8 10%,#4798df00 50%),radial-gradient(circle at 100% 50%,#ff8c32bf,#ff8c3200 60%),radial-gradient(circle at 50% 20%,#c936a1,#c936a100);background-size:1149px 1143px;transform:translate(150px,-230px);clip-path:path("M49.6107 585.633C-42.9903 441.629 -1.31937 249.822 142.685 157.221L309.456 49.9806C453.46 -42.6203 645.267 -0.949305 737.868 143.055L856.588 327.678C949.189 471.683 907.518 663.49 763.514 756.091L596.743 863.331C452.739 955.932 260.932 914.261 168.331 770.257L49.6107 585.633Z")}lite-youtube.lite-youtube{position:relative;display:block;width:100%;height:auto;aspect-ratio:16 / 9;contain:content;overflow:hidden;cursor:pointer;background-color:#000;background-position:center;background-repeat:no-repeat;background-size:cover;border:2px solid var(--color-accent);transition:all .3s ease;box-shadow:0 0 15px #d4ff001a}lite-youtube.lite-youtube:before{content:attr(data-title);position:absolute;inset:0 auto auto 0;display:block;width:100%;height:99px;padding:25px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;font-size:18px;color:#eee;text-shadow:0 0 2px rgb(0 0 0 / .5);background-image:linear-gradient(180deg,#000000ab,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);box-sizing:border-box}lite-youtube.lite-youtube:hover:before{color:#fff}lite-youtube.lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube.lite-youtube>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}lite-youtube.lite-youtube>.lty-playbtn{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;cursor:pointer;z-index:1;background:no-repeat center / 80px 80px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMC8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQnPjxzdmcgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzJweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PHBhdGggZD0iTTMxLjY3LDkuMTc5YzAsMC0wLjMxMi0yLjM1My0xLjI3MS0zLjM4OWMtMS4yMTctMS4zNTgtMi41OC0xLjM2Ni0zLjIwNS0xLjQ0M0MyMi43MTcsNCwxNi4wMDIsNCwxNi4wMDIsNCAgIGgtMC4wMTVjMCwwLTYuNzE1LDAtMTEuMTkxLDAuMzQ3QzQuMTcxLDQuNDI0LDIuODA5LDQuNDMyLDEuNTkxLDUuNzlDMC42MzMsNi44MjYsMC4zMiw5LjE3OSwwLjMyLDkuMTc5UzAsMTEuOTQsMCwxNC43MDF2Mi41ODggICBjMCwyLjc2MywwLjMyLDUuNTIzLDAuMzIsNS41MjNzMC4zMTIsMi4zNTIsMS4yNzEsMy4zODZjMS4yMTgsMS4zNTgsMi44MTUsMS4zMTcsMy41MjcsMS40NTlDNy42NzcsMjcuOTE5LDE1Ljk5NSwyOCwxNS45OTUsMjggICBzNi43MjItMC4wMTIsMTEuMTk5LTAuMzU1YzAuNjI1LTAuMDgsMS45ODgtMC4wODgsMy4yMDUtMS40NDZjMC45NTgtMS4wMzQsMS4yNzEtMy4zODYsMS4yNzEtMy4zODZzMC4zMi0yLjc2MSwwLjMyLTUuNTIzdi0yLjU4OCAgIEMzMS45OSwxMS45NCwzMS42Nyw5LjE3OSwzMS42Nyw5LjE3OXoiIGZpbGw9IiNFMDJGMkYiLz48cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEyLDEwIDEyLDIyIDIyLDE2ICAiLz48L2c+PGcvPjxnLz48Zy8+PGcvPjxnLz48Zy8+PC9zdmc+);transition:filter .1s cubic-bezier(0,0,.2,1),transform .3s ease}lite-youtube.lite-youtube:hover>.lty-playbtn,lite-youtube.lite-youtube .lty-playbtn:focus{filter:none;transform:scale(1.2)}@media (prefers-reduced-motion){lite-youtube.lite-youtube:hover>.lty-playbtn,lite-youtube.lite-youtube .lty-playbtn:focus{transition:none;transform:scale(1)}}lite-youtube.lite-youtube.lyt-activated{cursor:unset}lite-youtube.lite-youtube.lyt-activated:before,lite-youtube.lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.integration-tutorial,.integration-tutorial *{box-sizing:border-box}.integration-tutorial{overflow:hidden;background:#fff;padding:3.5rem 1.25rem}.integration-tutorial__container{width:100%;max-width:72rem;margin-inline:auto}.integration-tutorial__header{margin-bottom:2rem}.integration-tutorial__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;border:1px solid rgba(89,69,230,.14);border-radius:9999px;background:#f5f2ff;padding:.45rem .9rem;color:#5945e6;font-size:.75rem;line-height:1.4;font-weight:700;box-shadow:0 5px 14px #5945e60d}.integration-tutorial__eyebrow:before{content:"▶";font-size:.6875rem;line-height:1}.integration-tutorial__heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:3rem}.integration-tutorial__heading h2{max-width:35rem;margin:0;color:#292d34;font-size:clamp(1.875rem,3.7vw,2.75rem);line-height:1.12;font-weight:800;letter-spacing:-.025em;text-wrap:balance}.integration-tutorial__heading>p{max-width:38rem;margin:0;color:#566075;font-size:1rem;line-height:1.75;text-wrap:pretty}.integration-tutorial__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;gap:2rem;border-radius:32px;background:radial-gradient(circle at top left,rgba(89,69,230,.08),transparent 30%),linear-gradient(135deg,#f4f8ff,#f4f2ff);padding:2rem}.integration-tutorial__main--without-video{grid-template-columns:1fr}.integration-tutorial__main--without-video .integration-tutorial__steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-tutorial__video-column{display:flex;min-width:0;align-items:center;justify-content:center}.integration-tutorial__video{position:relative;width:100%;max-width:34rem;overflow:hidden;border:1px solid rgba(89,69,230,.16);border-radius:1.25rem;background:#15123b;aspect-ratio:16 / 9;box-shadow:0 14px 36px #1f1a5b21,0 0 0 1px #ffffff4d inset}.integration-tutorial__video>*{width:100%;height:100%}.integration-tutorial__video lite-youtube.lite-youtube{width:100%;height:100%;border:0;border-radius:inherit;background-color:#15123b;background-position:center;background-size:cover}.integration-tutorial__video iframe{width:100%;height:100%;border:0}.integration-tutorial__video-mobile{display:none}.integration-tutorial__steps{display:flex;min-width:0;flex-direction:column;justify-content:center}.integration-tutorial__steps>header{margin-bottom:1rem}.integration-tutorial__steps>header>span{display:inline-flex;margin-bottom:.45rem;color:#5945e6;font-size:.6875rem;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.integration-tutorial__steps>header h3{margin:0;color:#111827;font-size:1.375rem;line-height:1.25;font-weight:800;text-wrap:balance}.integration-tutorial__steps ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.integration-tutorial__steps li{display:grid;min-width:0;min-height:9.25rem;grid-template-columns:auto minmax(0,1fr);align-items:start;align-content:start;gap:.85rem;border:1px solid rgba(203,213,225,.75);border-radius:1rem;background:#ffffffeb;padding:1rem;box-shadow:0 1px 2px #0f172a08,0 7px 18px #2f226f0a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.integration-tutorial__steps li:hover{transform:translateY(-3px);border-color:#5945e638;box-shadow:0 1px 2px #0f172a08,0 10px 24px #2f226f14}.integration-tutorial__steps li>div:last-child{min-width:0}.integration-tutorial__steps li h4{margin:0;color:#111827;font-size:.9rem;line-height:1.35;font-weight:800;text-wrap:pretty}.integration-tutorial__steps li p{margin:.35rem 0 0;color:#566075;font-size:.78rem;line-height:1.55;text-wrap:pretty}.integration-tutorial__step-marker{position:relative;display:inline-flex;flex:0 0 auto;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.8rem;background:#eeebff}.integration-tutorial__step-marker>span{font-size:.95rem;line-height:1}.integration-tutorial__step-marker small{position:absolute;top:-.35rem;right:-.35rem;display:inline-flex;min-width:1.2rem;height:1.2rem;align-items:center;justify-content:center;border-radius:9999px;background:#5945e6;padding-inline:.2rem;color:#fff;font-size:.55rem;line-height:1;font-weight:800;box-shadow:0 3px 8px #5945e640}@media (max-width: 1050px) and (min-width: 901px){.integration-tutorial__main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem;padding:1.5rem}.integration-tutorial__steps li{min-height:9.75rem;padding:.9rem}.integration-tutorial__steps li h4{font-size:.85rem}.integration-tutorial__steps li p{font-size:.75rem;line-height:1.5}.integration-tutorial__step-marker{width:2.3rem;height:2.3rem}}@media (max-width: 900px){.integration-tutorial__heading{grid-template-columns:1fr;align-items:start;gap:1rem}.integration-tutorial__heading h2,.integration-tutorial__heading>p{max-width:46rem}.integration-tutorial__main{grid-template-columns:1fr;align-items:stretch}.integration-tutorial__video-column{display:block}.integration-tutorial__video{max-width:46rem;margin-inline:auto}.integration-tutorial__steps ol,.integration-tutorial__main--without-video .integration-tutorial__steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-tutorial__steps li{min-height:8.5rem}}@media (max-width: 639px){.integration-tutorial{padding:3rem 1rem}.integration-tutorial__header{margin-bottom:1.75rem}.integration-tutorial__eyebrow{margin-bottom:.85rem}.integration-tutorial__heading{gap:.85rem}.integration-tutorial__heading h2{font-size:1.875rem}.integration-tutorial__heading>p{font-size:.9375rem;line-height:1.65}.integration-tutorial__main{gap:1.5rem;border-radius:24px;padding:1rem}.integration-tutorial__video--desktop{display:none}.integration-tutorial__video-mobile{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(89,69,230,.18);border-radius:1rem;background:#15123b;color:inherit;aspect-ratio:16 / 9;text-decoration:none;box-shadow:0 10px 26px #1f1a5b24,0 0 0 1px #ffffff1f inset}.integration-tutorial__video-mobile>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.integration-tutorial__play{position:absolute;top:50%;left:50%;display:inline-flex;width:3rem;height:3rem;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.85);border-radius:9999px;background:#5945e6;padding-left:.15rem;color:#fff;font-size:.875rem;line-height:1;transform:translate(-50%,-50%);box-shadow:0 10px 24px #0000003d}.integration-tutorial__video-copy{position:absolute;right:0;bottom:0;left:0;display:flex;min-width:0;flex-direction:column;justify-content:flex-end;padding:2.5rem 1rem .85rem;background:linear-gradient(180deg,transparent,rgba(15,23,42,.86))}.integration-tutorial__video-copy strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:.8125rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.integration-tutorial__video-copy small{margin-top:.2rem;color:#ddd6fe;font-size:.6875rem;line-height:1.3;font-weight:700}.integration-tutorial__steps{overflow:hidden}.integration-tutorial__steps>header{margin-bottom:.85rem}.integration-tutorial__steps>header h3{font-size:1.25rem}.integration-tutorial__steps ol,.integration-tutorial__main--without-video .integration-tutorial__steps ol{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,86%);grid-template-columns:none;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .125rem .75rem;scroll-padding-inline:.125rem;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.integration-tutorial__steps li{min-height:10rem;padding:1rem;align-content:start;scroll-snap-align:start;scroll-snap-stop:always}.integration-tutorial__steps li h4{font-size:.9rem}.integration-tutorial__steps li p{font-size:.8rem;line-height:1.55}.integration-tutorial__steps li:hover{transform:none}.integration-tutorial__steps ol::-webkit-scrollbar{height:6px}.integration-tutorial__steps ol::-webkit-scrollbar-thumb{border-radius:999px;background:#5945e64d}.integration-tutorial__steps ol::-webkit-scrollbar-track{background:transparent}}@media (max-width: 380px){.integration-tutorial{padding-inline:.75rem}.integration-tutorial__heading h2{font-size:1.65rem}.integration-tutorial__main{padding:.85rem}.integration-tutorial__steps ol,.integration-tutorial__main--without-video .integration-tutorial__steps ol{grid-auto-columns:minmax(235px,92%)}.integration-tutorial__steps li{gap:.7rem;padding:.9rem}}@media (prefers-reduced-motion: reduce){.integration-tutorial__steps li{transition:none}.integration-tutorial__steps li:hover{transform:none}}.integration-info,.integration-info *{box-sizing:border-box}.integration-info{overflow:hidden;background:#fff;padding:3.5rem 1.25rem}.integration-info__container{max-width:72rem;margin-inline:auto}.integration-info__header{margin-bottom:2rem}.integration-info__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1rem;border:1px solid rgba(89,69,230,.14);border-radius:9999px;background:#f5f2ff;padding:.45rem .9rem;color:#5945e6;font-size:.75rem;line-height:1.4;font-weight:700;box-shadow:0 5px 14px #5945e60d}.integration-info__eyebrow:before{content:"📋";font-size:.875rem;line-height:1}.integration-info__heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:3rem}.integration-info__title{max-width:35rem;margin:0;color:#292d34;font-size:clamp(1.875rem,3.7vw,2.75rem);line-height:1.12;font-weight:800;letter-spacing:-.025em;text-wrap:balance}.integration-info__intro{max-width:39rem;margin:0;color:#566075;font-size:1rem;line-height:1.75;text-wrap:pretty}.integration-info__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.integration-info__item{--item-accent: #5945e6;--item-background: #f7f4ff;--item-border: #d9d0ff;--item-icon-background: #e9e3ff;display:flex;min-width:0;min-height:300px;flex-direction:column;border:1px solid var(--item-border);border-radius:1.25rem;background:var(--item-background);padding:1.35rem;box-shadow:0 1px 2px #0f172a08,0 10px 26px #2f226f0d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.integration-info__item:hover{transform:translateY(-4px);box-shadow:0 1px 2px #0f172a08,0 17px 34px #2f226f1a}.integration-info__item[data-tone=purple]{--item-accent: #6847e8;--item-background: #f7f4ff;--item-border: #d8ceff;--item-icon-background: #e9e2ff}.integration-info__item[data-tone=blue]{--item-accent: #2563eb;--item-background: #f1f7ff;--item-border: #c9ddff;--item-icon-background: #deebff}.integration-info__item[data-tone=green]{--item-accent: #15803d;--item-background: #f0fcf5;--item-border: #bce8cb;--item-icon-background: #d9f5e3}.integration-info__item[data-tone=yellow]{--item-accent: #b45309;--item-background: #fff9e9;--item-border: #f3d48b;--item-icon-background: #ffecba}.integration-info__item[data-tone=rose]{--item-accent: #df195f;--item-background: #fff5f7;--item-border: #ffcbd8;--item-icon-background: #ffe1e8}.integration-info__item[data-tone=cyan]{--item-accent: #087ea4;--item-background: #effcff;--item-border: #bcebf4;--item-icon-background: #d8f6fa}.integration-info__item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.integration-info__icon{display:inline-flex;flex:0 0 auto;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:.875rem;background:var(--item-icon-background);font-size:1.125rem;line-height:1}.integration-info__number{color:var(--item-accent);font-size:.6875rem;line-height:1;font-weight:800;letter-spacing:.04em}.integration-info__label{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:.65rem;border-radius:9999px;color:var(--item-accent);font-size:.6875rem;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.integration-info__item-title{margin:0;color:#111827;font-size:1.125rem;line-height:1.3;font-weight:800;text-wrap:balance}.integration-info__item-text{margin:.75rem 0 0;color:#4b5563;font-size:.9rem;line-height:1.7}.integration-info__list{display:grid;gap:.5rem;margin:1rem 0 0;padding:0;color:#374151;font-size:.8125rem;line-height:1.5;list-style:none}.integration-info__list li{position:relative;padding-left:1.1rem}.integration-info__list li:before{content:"•";position:absolute;top:0;left:0;color:var(--item-accent);font-weight:900}.integration-info__note{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;border:1px solid rgba(89,69,230,.16);border-radius:1rem;background:#f7f5ff;padding:1rem 1.125rem;color:#4b5563}.integration-info__note>span{display:inline-flex;flex:0 0 auto;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:.625rem;background:#fff;font-size:.875rem;line-height:1;box-shadow:0 1px 2px #0f172a0a,0 5px 12px #5945e614}.integration-info__note p{margin:0;font-size:.875rem;line-height:1.65}.integration-info__note strong{color:#312e81;font-weight:800}@media (max-width: 900px){.integration-info__heading{grid-template-columns:1fr;align-items:start;gap:1rem}.integration-info__title,.integration-info__intro{max-width:46rem}.integration-info__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-info__item:last-child:nth-child(odd){grid-column:span 2;min-height:240px}}@media (max-width: 639px){.integration-info{padding:3rem 1rem}.integration-info__container{max-width:100%}.integration-info__header{margin-bottom:1.75rem}.integration-info__heading{gap:.85rem}.integration-info__title{font-size:1.875rem}.integration-info__intro{font-size:.9375rem;line-height:1.65}.integration-info__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,86%);grid-template-columns:none;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .125rem .85rem;scroll-padding-inline:.125rem;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.integration-info__item,.integration-info__item:last-child:nth-child(odd){grid-column:auto;min-height:310px;padding:1.25rem;scroll-snap-align:start;scroll-snap-stop:always}.integration-info__item-title{font-size:1.0625rem}.integration-info__item-text{font-size:.875rem;line-height:1.65}.integration-info__note{padding:.875rem}.integration-info__note p{font-size:.8125rem;line-height:1.6}.integration-info__grid::-webkit-scrollbar{height:6px}.integration-info__grid::-webkit-scrollbar-thumb{border-radius:999px;background:#5945e64d}.integration-info__grid::-webkit-scrollbar-track{background:transparent}}@media (prefers-reduced-motion: reduce){.integration-info__item{transition:none}.integration-info__item:hover{transform:none}}