.sdintegrations{background:#fff;color:#261b2e;padding-top:var(--sdh-height,92px)}
.sdintegrations-hero{position:relative;overflow:hidden;padding:94px 0 88px;color:#fff;background:radial-gradient(circle at 76% 18%,rgba(255,59,191,.20),transparent 28%),radial-gradient(circle at 16% 70%,rgba(93,19,175,.34),transparent 32%),linear-gradient(135deg,#1a0a2e,#0f0518)}
.sdintegrations-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}
.sdintegrations-hero .sd-container{position:relative;z-index:1}.sdintegrations-eyebrow,.sdintegrations-directory> .sd-container>header>span,.sdintegrations-faq header>span,.sdintegrations-cta span{display:inline-flex;color:#ff8fd4;font-size:11px;font-weight:900;letter-spacing:.16em}.sdintegrations-hero h1{max-width:970px;margin:16px 0 22px;color:#fff;font:800 clamp(48px,7vw,88px)/.95 "Raleway",sans-serif;letter-spacing:-.05em}.sdintegrations-hero h1 em{display:block;color:#ff63c7;font-style:normal}.sdintegrations-hero p{max-width:820px;margin:0;color:rgba(255,255,255,.76);font-size:17px;line-height:1.8}.sdintegrations-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sdintegrations-principles{padding:38px 0;background:#f8f4fa;border-bottom:1px solid #eee5f2}.sdintegrations-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sdintegrations-principle-grid article{padding:24px;border:1px solid rgba(93,19,175,.10);border-radius:20px;background:#fff;box-shadow:0 16px 40px rgba(55,32,66,.06)}.sdintegrations-principle-grid .sd-icon{width:25px;height:25px;color:#8e27c7}.sdintegrations-principle-grid h2{margin:15px 0 8px;font:800 21px/1.15 "Raleway"}.sdintegrations-principle-grid p{margin:0;color:#6e6176;font-size:14px;line-height:1.7}
.sdintegrations-directory{padding:var(--sd-section-space) 0}.sdintegrations-directory> .sd-container>header{max-width:850px;margin-bottom:56px}.sdintegrations-directory> .sd-container>header h2{margin:12px 0 14px;font:800 clamp(38px,5vw,62px)/1 "Raleway";letter-spacing:-.035em}.sdintegrations-directory> .sd-container>header p{margin:0;color:#6c6073;font-size:16px;line-height:1.8}.sdintegrations-group{padding:42px 0;border-top:1px solid #eee7f1}.sdintegrations-group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.sdintegrations-group-head>span{color:#b5298d;font-size:10px;font-weight:900;letter-spacing:.15em}.sdintegrations-group-head h2{margin:0;font:800 30px/1 "Raleway"}.sdintegrations-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sdintegrations-service-card{padding:26px;border:1px solid rgba(40,18,51,.11);border-radius:24px;background:linear-gradient(145deg,#fff,#fbf8fd);box-shadow:0 22px 55px rgba(55,32,66,.07)}.sdintegrations-service-title{display:flex;align-items:center;gap:13px}.sdintegrations-service-title i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,#5d13af,#ff3bbf);box-shadow:0 12px 25px rgba(93,19,175,.20)}.sdintegrations-service-title i .sd-icon{width:23px;height:23px}.sdintegrations-service-title span{color:#b12a89;font-size:9.5px;font-weight:900;letter-spacing:.14em}.sdintegrations-service-title h3{margin:3px 0 0;font:800 24px/1.08 "Raleway"}.sdintegrations-service-title a{text-decoration:none}.sdintegrations-service-card>p{margin:16px 0;color:#6d6175;font-size:14px;line-height:1.75}.sdintegrations-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 4px}.sdintegrations-tags span{padding:7px 9px;border:1px solid rgba(93,19,175,.10);border-radius:999px;color:#5f5268;background:#fff;font-size:10.5px;font-weight:750}.sdintegrations-service-card .sd-outline-action{margin-top:18px}
.sdintegrations-faq{padding:var(--sd-section-space) 0;color:#fff;background:linear-gradient(180deg,#110719,#1a0a2e)}.sdintegrations-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}.sdintegrations-faq header h2{margin:12px 0 15px;color:#fff;font:800 clamp(36px,5vw,58px)/1 "Raleway"}.sdintegrations-faq header p{color:rgba(255,255,255,.67);line-height:1.8}.sdintegrations-faq .sd-faq-item{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.04)}.sdintegrations-faq .sd-faq-item button{color:#fff}.sdintegrations-faq .sd-faq-question{color:#fff}.sdintegrations-faq .sd-faq-answer{color:rgba(255,255,255,.70)}
.sdintegrations-cta{padding:84px 0;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,rgba(255,59,191,.17),transparent 34%),#0f0518}.sdintegrations-cta h2{max-width:900px;margin:12px auto 15px;font:800 clamp(38px,5.5vw,66px)/1 "Raleway"}.sdintegrations-cta p{max-width:720px;margin:0 auto 25px;color:rgba(255,255,255,.68);line-height:1.8}
@media(max-width:850px){.sdintegrations-principle-grid,.sdintegrations-service-grid,.sdintegrations-faq-grid{grid-template-columns:1fr}.sdintegrations-hero{padding:72px 0}.sdintegrations-faq-grid{gap:30px}}
@media(max-width:620px){.sdintegrations{padding-top:var(--sdh-height,74px)}.sdintegrations-hero{padding:58px 0}.sdintegrations-hero h1{font-size:47px}.sdintegrations-hero p{font-size:15.5px}.sdintegrations-actions{display:grid}.sdintegrations-principles{padding:24px 0}.sdintegrations-principle-grid article,.sdintegrations-service-card{padding:20px}.sdintegrations-group{padding:32px 0}.sdintegrations-service-title h3{font-size:21px}.sdintegrations-tags span{font-size:10px}}