.suite-complements{--cc-blue:#3977bb;--cc-violet:#7864b8}.suite-complements p{line-height:1.65;color:var(--suite-muted)}.complements-hero{padding:78px 0 72px;background:linear-gradient(145deg,#f2fbfa 0%,#fff 70%);overflow:hidden}.complements-hero__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.complements-hero h1,.complements-heading h2,.complements-implementation h2,.complements-cta h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.1;margin:14px 0 19px}.complements-hero__copy>p{font-size:1.11rem;max-width:590px}.complements-hero__detail{font-size:.96rem}.complements-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.complements-hero__visual{padding:24px 0}.suite-map{position:relative;padding:25px;border:1px solid #cfe5e3;border-radius:22px;background:#fff;box-shadow:0 26px 58px rgba(5,74,77,.14)}.suite-map:before{content:"";position:absolute;inset:14px;border:1px solid #d7ebea;border-radius:15px;pointer-events:none}.suite-map__label,.suite-map__layer,.suite-map__core{position:relative}.suite-map__label{font:700 .72rem Poppins;color:var(--suite-deep);letter-spacing:.12em}.suite-map__core{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 14px}.suite-map__core>div{padding:19px;border-radius:12px;color:#fff}.suite-map__crm{background:linear-gradient(135deg,#057f7e,#19b7ac)}.suite-map__sac{background:linear-gradient(135deg,#3269af,#6098d4)}.suite-map b,.suite-map small{display:block}.suite-map b{font:700 1rem Poppins}.suite-map small{margin-top:3px;font-size:.72rem;opacity:.88}.suite-map__layer{padding:13px 0;border-top:1px solid #dcebea}.suite-map__layer>span{display:block;color:var(--suite-muted);font:700 .67rem Poppins;text-transform:uppercase;letter-spacing:.08em}.suite-map__layer>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.suite-map__layer i{font:600 .7rem Poppins;font-style:normal;padding:6px 8px;border-radius:5px;background:#e8f7f5;color:var(--suite-deep)}.suite-map__layer--integrations i{background:#edf2fa;color:#315d95}.complements-architecture,.complements-catalogue,.complements-integrations,.complements-combinations{padding:104px 0}.complements-heading{max-width:765px;margin-bottom:46px}.complements-heading h2{font-size:clamp(2rem,3.3vw,3.05rem);margin-bottom:12px}.complements-heading p{font-size:1.04rem}.complements-architecture{background:#f8fbfb}.complements-architecture__layers{display:grid;gap:12px}.complements-layer{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:26px 29px;border:1px solid var(--suite-line);border-radius:15px;background:#fff}.complements-layer__number{font:700 .87rem Poppins;color:var(--suite-teal)}.complements-layer__eyebrow{margin:0 0 4px!important;color:var(--suite-teal)!important;font:700 .68rem Poppins;letter-spacing:.1em;text-transform:uppercase}.complements-layer h3{margin:0 0 4px;font-size:1.35rem}.complements-layer p:last-child{margin-bottom:0}.complements-layer--integration{border-color:#d7e1f0}.complements-layer--integration .complements-layer__number,.complements-layer--integration .complements-layer__eyebrow{color:var(--cc-blue)!important}.complements-core{display:grid;grid-template-columns:1fr 1fr;gap:13px}.complements-core a{padding:20px;border-radius:11px;background:#f0fbfa}.complements-core a:last-child{background:#f0f5fb}.complements-core b,.complements-core strong,.complements-core small{display:block;font-family:Poppins}.complements-core b{font-size:1rem}.complements-core strong{margin:5px 0;color:var(--suite-teal);font-size:.77rem}.complements-core a:last-child strong,.complements-core a:last-child small{color:var(--cc-blue)}.complements-core p{font-size:.85rem;margin:0 0 11px}.complements-core small{font-size:.74rem;color:var(--suite-deep)}.complements-group+ .complements-group{margin-top:68px}.complements-group>header{display:flex;align-items:flex-start;gap:17px;margin-bottom:22px}.complements-group>header>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--suite-soft);color:var(--suite-teal);font:700 .7rem Poppins}.complements-group>header p{margin:0;color:var(--suite-teal);font:700 .7rem Poppins;text-transform:uppercase;letter-spacing:.1em}.complements-group h3{font-size:1.65rem;margin:2px 0 0}.complement-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.complement-card-grid--two{grid-template-columns:repeat(2,1fr)}.complement-card{display:flex;flex-direction:column;padding:25px;border:1px solid var(--suite-line);border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(7,72,73,.025)}.complement-card__relation{align-self:flex-start;padding:6px 8px;border-radius:5px;background:#edf8f7;color:var(--suite-teal);font:700 .65rem Poppins;letter-spacing:.025em}.complement-card--sac .complement-card__relation{background:#eef3fa;color:var(--cc-blue)}.complement-card h3{margin:18px 0 3px;font-size:1.23rem}.complement-card h4{font:600 1.05rem/1.4 Poppins;margin:0 0 8px}.complement-card p{font-size:.9rem;margin-bottom:12px}.complement-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0 18px;margin:0;border-top:1px solid #e7eeee}.complement-features li{list-style:none;padding-left:17px;position:relative;color:#466169;font-size:.81rem;line-height:1.4}.complement-features li:before{content:"";position:absolute;left:1px;top:.38rem;width:7px;height:7px;border-radius:50%;background:var(--suite-teal)}.complement-card a,.complements-implementation a{margin-top:auto;color:var(--suite-deep);font:700 .82rem Poppins}.complement-card__note{display:block;font-size:.75rem;line-height:1.45;color:var(--suite-muted);margin:-4px 0 16px}.complements-integrations{background:#f4fafa}.complements-integrations__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.complements-integrations__grid article{padding:23px;border:1px solid #d9e9e8;border-radius:14px;background:#fff}.complements-integrations__grid span{font:700 .7rem Poppins;color:var(--suite-teal);text-transform:uppercase;letter-spacing:.08em}.complements-integrations__grid h3{font-size:1.15rem;line-height:1.35;margin:8px 0 17px}.complements-integrations__grid ul{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:0}.complements-integrations__grid li{list-style:none;padding:7px 9px;border-radius:6px;background:#eff6f6;color:#436067;font:600 .75rem Roboto}.complements-integrations__grid img{display:block;width:44px;height:15px;object-fit:contain}.complements-integrations__note,.complements-combinations__note{max-width:800px;padding:13px 16px;margin:22px 0 0;border-left:3px solid var(--suite-teal);background:#fff;color:var(--suite-muted);font-size:.86rem}.complements-combinations__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.complements-combinations__grid article{padding:22px;border:1px solid var(--suite-line);border-radius:13px;background:#fff}.complements-combinations__grid span{display:block;color:var(--suite-teal);font:700 .73rem Poppins;text-transform:uppercase;letter-spacing:.06em}.complements-combinations__grid ul{padding:13px 0;margin:12px 0;border-top:1px solid #e5eeee;border-bottom:1px solid #e5eeee}.complements-combinations__grid li{list-style:none;color:#3d5960;font-size:.82rem;line-height:1.6}.complements-combinations__grid li:before{content:"•";color:var(--suite-teal);padding-right:7px}.complements-combinations__grid p{font-size:.85rem;margin-bottom:0}.complements-implementation{padding:90px 0;background:#0d555b;color:#fff}.complements-implementation .suite-container{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.complements-implementation p{color:#c3dddd}.complements-implementation h2{font-size:clamp(2rem,3vw,2.8rem)}.complements-implementation .eyebrow{color:#93e2dc}.complements-implementation a{display:inline-flex;gap:8px;align-items:center;color:#fff;margin-top:6px}.complements-implementation a svg{width:17px;height:17px;fill:none;stroke:currentColor}.complements-implementation ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:0}.complements-implementation li{display:flex;gap:12px;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.18);border-radius:10px;list-style:none}.complements-implementation li b{color:#9be4df;font:700 .78rem Poppins}.complements-implementation li span{font:600 .85rem Poppins}.complements-cta{padding:94px 0;background:linear-gradient(130deg,#034c52,#087f80);color:#fff}.complements-cta__inner{max-width:850px;text-align:center}.complements-cta .eyebrow{color:#9be4df}.complements-cta h2{margin-bottom:12px}.complements-cta>p,.complements-cta__inner>p{color:#c9e1e0;font-size:1.05rem;max-width:680px;margin:0 auto}.complements-cta__inner>div{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px}.complements-cta__inner>div>a:last-child{font:600 .88rem Poppins;text-decoration:underline;text-underline-offset:4px}.complements-cta__proof{display:flex;justify-content:center;gap:0;margin-bottom:27px!important}.complements-cta__proof b{padding:0 16px;border-right:1px solid rgba(255,255,255,.25);font:600 .78rem Poppins}.complements-cta__proof b:last-child{border:0}@media(max-width:850px){.complements-hero__grid,.complements-implementation .suite-container{grid-template-columns:1fr}.complements-hero{padding-top:58px}.complements-hero__visual{max-width:650px;width:100%;margin:auto}.complements-combinations__grid{grid-template-columns:1fr 1fr}.complements-integrations__grid{grid-template-columns:1fr}.complements-implementation{padding:68px 0}}@media(max-width:600px){.complements-architecture,.complements-catalogue,.complements-integrations,.complements-combinations{padding:70px 0}.complements-hero__actions,.complements-hero__actions a{width:100%}.suite-map{padding:18px}.suite-map__core,.complements-core,.complement-card-grid,.complement-card-grid--two,.complements-combinations__grid,.complements-implementation ol{grid-template-columns:1fr}.complements-layer{grid-template-columns:34px 1fr;padding:21px 18px;gap:10px}.complements-core{margin-top:12px}.complement-features{grid-template-columns:1fr}.complements-group+ .complements-group{margin-top:52px}.complements-implementation .suite-container{gap:28px}.complements-cta{padding:68px 0}.complements-cta__inner>div{flex-direction:column}.complements-cta__inner>div>a{width:100%}.complements-cta__proof{flex-wrap:wrap;gap:8px}.complements-cta__proof b{border:0;padding:0 8px}.complements-heading{margin-bottom:32px}}