.adaptation-inline{color:#76518e;text-decoration:underline;text-underline-offset:4px}
#integrations,#customization,#implementation{scroll-margin-top:110px}
.integration-panel{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border:1px solid #e3d9eb;border-radius:18px;background:#fff}
.integration-map{padding:34px;background:radial-gradient(ellipse at 50% 50%,#e8ddf0,transparent 70%),#f5f0f9;display:flex;flex-direction:column;justify-content:center}
.integration-caption{font-size:10px;letter-spacing:1.6px;color:#80658f;text-align:center;margin:0 0 24px}
.integration-sources{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.integration-sources>div{padding:20px 12px;background:#fff;border:1px solid #e4d8ed;border-radius:12px;display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0;box-shadow:0 4px 16px #54376d05}
.system-mark{font-size:19px;line-height:1;font-weight:600;color:#79558e;height:32px;display:flex;align-items:center;margin-bottom:10px;letter-spacing:-.5px}
.system-mark .icon{width:25px;height:25px}
.integration-sources strong{font-size:13px;line-height:1.5;color:#57445f;font-weight:500}
.integration-sources small{font-size:11px;line-height:1.6;color:#87768f;margin-top:5px}
.integration-bridge{height:46px;position:relative;display:grid;grid-template-columns:1fr 1fr;margin:0 23%}
.integration-bridge>span{height:23px;border-bottom:1px solid #c4afd2}
.integration-bridge>span:first-child{border-left:1px solid #c4afd2;border-radius:0 0 0 8px}
.integration-bridge>span:last-of-type{border-right:1px solid #c4afd2;border-radius:0 0 8px 0}
.integration-bridge>b{position:absolute;left:50%;top:20px;transform:translateX(-50%);font-size:21px;color:#9d7cb5;font-weight:400;line-height:26px}
.integration-hub{display:flex;justify-content:center;align-items:center;gap:15px;padding:25px 15px;background:#75608d;color:#fff;border:1px solid #68517f;border-radius:12px;box-shadow:0 10px 25px #61447b1a}
.integration-hub>svg{width:44px;height:44px;color:#dac9e9;flex-shrink:0}
.integration-hub strong{font-size:30px;line-height:1.1;letter-spacing:-1px;display:block;font-weight:600}
.integration-hub span{font-size:11px;color:#e6ddee;display:block;margin-top:7px;line-height:1.6}
.lower-bridge{transform:rotate(180deg)}
.lower-bridge>b{transform:translateX(-50%) rotate(180deg);top:18px}
.integration-map-note{font-size:11px;line-height:1.8;color:#867191;text-align:center;margin:24px 0 0}
.integration-copy{padding:40px 38px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.integration-tag{font-size:9px;letter-spacing:1px;color:#846492;border-bottom:1px solid #dfd1e8;padding-bottom:10px}
.integration-copy h3{font-size:30px;line-height:1.25;letter-spacing:-.7px;font-weight:500;color:#5c456b;margin:23px 0 18px}
.integration-copy>p{font-size:14px;line-height:1.9;color:#77677f}
.integration-points{padding:0;margin:22px 0 28px;list-style:none;display:grid;gap:13px}
.integration-points li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.65;color:#695771}
.integration-points .icon{width:15px;height:15px;margin-top:3px;flex-shrink:0;color:#9876ad}
.integration-copy .button{font-size:12px;min-height:44px}
.integration-copy>p.integration-disclaimer{font-size:11px;line-height:1.8;color:#8a7993;margin:18px 0 0}
.customization-section{padding-top:25px}
.adaptation-levels{border-top:1px solid #ddd1e6}
.adaptation-row{display:grid;grid-template-columns:45px 1fr 1.35fr;gap:25px;padding:30px 0;border-bottom:1px solid #e2d8e9;align-items:start}
.adaptation-number{font-size:22px;color:#b098c1;font-weight:400;line-height:1.3}
.adaptation-label{font-size:9px;letter-spacing:1.2px;color:#8a6b9c;display:block;line-height:1.6;margin-bottom:10px}
.adaptation-row h3{font-size:22px;line-height:1.4;color:#634c70;font-weight:500;margin:0;max-width:330px}
.adaptation-row p{font-size:14px;line-height:1.85;color:#77677f;margin:0}
.adaptation-note{font-size:11px;color:#957ca4;line-height:1.7;display:block;margin-top:12px}
.adaptation-paid{background:#f2ecf8;padding:30px 22px;margin-top:18px;border:1px solid #e4d6ef;border-radius:12px;grid-template-columns:23px 1fr 1.35fr}
.adaptation-paid .adaptation-label{color:#715183}
.implementation-details{border:1px solid #e2d7e9;background:#fff;border-radius:12px;margin-top:24px;overflow:hidden}
.implementation-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;cursor:pointer;font-size:15px;line-height:1.5;color:#695075;list-style:none}
.implementation-details summary::-webkit-details-marker{display:none}
.implementation-toggle{font-size:25px;line-height:1;font-weight:300;color:#9372a8}
.implementation-details[open] .implementation-toggle{transform:rotate(45deg)}
.implementation-details summary:hover{background:#faf7fd}
.implementation-details summary:focus-visible{outline:2px solid #806095;outline-offset:-4px;border-radius:10px}
.implementation-content{padding:0 26px 26px}
.implementation-content ol{list-style:none;counter-reset:implementation;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:22px 0 0;margin:0;border-top:1px solid #ece4f1}
.implementation-content li{counter-increment:implementation}
.implementation-content li:before{content:'0' counter(implementation);display:block;color:#aa8cbc;font-size:13px;letter-spacing:1px;margin-bottom:12px}
.implementation-content strong{font-size:15px;line-height:1.5;font-weight:500;color:#674d75;display:block}
.implementation-content li p{font-size:13px;line-height:1.85;color:#83708c;margin:10px 0 0}
.implementation-note{font-size:12px;line-height:1.8;color:#8a729a;border-top:1px solid #ece4f1;padding-top:18px;margin-top:24px}
@media(max-width:950px){.integration-map{padding:25px 20px}.integration-copy{padding:28px 24px}.integration-sources{gap:10px}.integration-sources>div{padding:16px 8px}.integration-sources strong{font-size:12px}.integration-copy h3{font-size:27px}.adaptation-row{grid-template-columns:30px 1fr 1.2fr;gap:20px}.adaptation-paid{grid-template-columns:20px 1fr 1.2fr;padding:25px 16px}.adaptation-row h3{font-size:20px}.implementation-content ol{gap:20px}}
@media(max-width:680px){#integrations,#customization,#implementation{scroll-margin-top:90px}.integration-panel{grid-template-columns:1fr}.integration-map{padding:27px 19px}.integration-copy{padding:28px 24px}.integration-copy h3{font-size:29px}.integration-sources strong{font-size:12px}.integration-hub strong{font-size:29px}.integration-copy>p{font-size:14px}.integration-copy .button{font-size:12px;width:100%;justify-content:space-between}.customization-section{padding-top:15px}.adaptation-row{grid-template-columns:27px 1fr;gap:10px 15px;padding:25px 0}.adaptation-row>div:last-child{grid-column:2}.adaptation-row h3{font-size:21px;max-width:none}.adaptation-row p{font-size:14px}.adaptation-number{font-size:19px}.adaptation-paid{padding:23px 16px;grid-template-columns:23px 1fr}.implementation-details summary{padding:20px;font-size:14px}.implementation-content{padding:0 20px 22px}.implementation-content ol{grid-template-columns:1fr;gap:23px}.implementation-content li:before{margin-bottom:8px}}
