:root{--xp-ink:#172032;--xp-muted:#566276;--xp-purple:#6742c3;--xp-line:#e2e5ee;--xp-soft:#f7f6fb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.xp{margin:0;background:#fff;color:var(--xp-ink);font-family:Inter,system-ui,Arial,sans-serif;overflow-x:hidden}
.xp main{overflow:hidden}
.xp-wrap{max-width:1180px;margin:0 auto;padding-inline:30px}
.xp h1,.xp h2,.xp h3{font-family:Inter,system-ui,Arial,sans-serif;letter-spacing:-.045em}
.xp h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:1.07;margin:.18em 0 .25em;font-weight:800}
.xp h2{font-size:clamp(2.2rem,3.8vw,4.1rem);line-height:1.14;margin:.22em 0 .35em;font-weight:800}
.xp h3{font-size:1.4rem;line-height:1.25;margin:.5em 0;font-weight:750}
.xp p{line-height:1.7;color:var(--xp-muted)}
.xp-eyebrow{display:inline-block;color:var(--xp-purple);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.xp-hero{padding:145px 0 86px;background:radial-gradient(circle at 77% 26%,#efeaff 0,transparent 39%),linear-gradient(180deg,#fafaff,#fff)}
.xp-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:48px;min-height:500px}
.xp-hero-content{position:relative;z-index:1}
.xp-hero-content p{max-width:610px;font-size:1.14rem}
.xp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}
.xp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:#5733b3;border-radius:9px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(87,51,179,.18)}
.xp-button:hover{background:#43258f}
.xp-inline-link{color:#4b328b;text-decoration:none;font-weight:700}
.xp-inline-link:hover{text-decoration:underline}
.xp-hero-graphic{width:100%;max-width:510px;margin:auto;perspective:900px}
.xp-preview{border:1px solid #dad4ec;background:#fff;border-radius:19px;padding:22px;box-shadow:0 35px 75px rgba(60,39,114,.16);transform:rotate(-2deg)}
.xp-preview-top{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid #e8e4ef;color:#36275f;font-weight:800;font-size:.86rem}
.xp-preview-top small{margin-inline-start:auto;color:#8976a7;font-size:.57rem;letter-spacing:.1em}
.xp-preview-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#5933b1;color:#fff;font-size:.68rem}
.xp-preview-thread{padding:20px 0}.xp-preview-thread p{width:max-content;max-width:80%;margin:0 0 11px;padding:12px 16px;border-radius:14px;font-size:.83rem;line-height:1.5}
.xp-customer{margin-inline-start:auto!important;background:#eae3fc;color:#392461!important}.xp-agent{background:#f4f5f8;color:#282b39!important}
.xp-preview-action{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #ebe8f1}
.xp-preview-action>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#efe9fd;color:#704cc3;font-weight:800;font-size:.71rem}
.xp-preview-action strong{display:block;font-size:.82rem}.xp-preview-action small{display:block;color:#81788f;font-size:.72rem;margin-top:3px}
.xp-preview-source{display:flex;align-items:center;gap:8px;margin:21px 0;padding:12px;background:#f6f3fc;border-radius:10px;font-size:.72rem;font-weight:700;color:#493276}.xp-preview-source span{flex:1}.xp-preview-source b{color:#7954c8}
.xp-insight-graph{margin:20px 0 14px;padding:16px 16px 13px;background:linear-gradient(180deg,#fbfaff,#f7f4fc);border:1px solid #eee8f7;border-radius:13px}.xp-insight-graph-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.xp-insight-graph-head strong{font-size:.84rem;color:#332751}.xp-insight-graph-head span{font-size:.62rem;color:#817193;text-transform:uppercase;letter-spacing:.06em}.xp-insight-graph svg{display:block;width:100%;height:150px;margin:8px 0 2px;overflow:visible}.xp-insight-grid{fill:none;stroke:#e5dfef;stroke-width:1;stroke-dasharray:4 5}.xp-insight-area{fill:url(#xp-insight-fill)}.xp-insight-line{fill:none;stroke:#7549c5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.xp-insight-point{fill:#fff;stroke:#7549c5;stroke-width:3;vector-effect:non-scaling-stroke}.xp-insight-graph-note{display:flex;align-items:center;gap:7px;color:#625576;font-size:.68rem;line-height:1.35}.xp-insight-graph-note i{flex:none;width:8px;height:8px;border-radius:50%;background:#7549c5}.xp-insight-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.xp-insight-stages div{display:flex;align-items:center;gap:5px;min-width:0;padding:8px 6px;background:#f6f3fb;border-radius:7px;color:#4f3e75;font-weight:700;font-size:.69rem;white-space:nowrap}.xp-insight-stages span{color:#8b6bc4;font-size:.6rem}
.xp-preview-end{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:16px;background:#352176;border-radius:10px;color:#fff;font-size:.86rem;font-weight:800}
.xp-preview-wave{height:90px;display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0;background:#f9f7fd;border-radius:10px}.xp-preview-wave i{width:5px;height:20%;border-radius:6px;background:#8061d1}.xp-preview-wave i:nth-child(3n){height:60%}.xp-preview-wave i:nth-child(4n){height:85%}.xp-preview-wave i:nth-child(7n){height:35%}
.xp-section{padding:105px 0;scroll-margin-top:75px}
.xp-heading{max-width:780px;margin-bottom:45px}.xp-heading p{font-size:1.1rem;max-width:680px}
.xp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--xp-line)}
.xp-steps article{padding:35px 35px 10px 0;border-right:1px solid var(--xp-line)}
.xp-steps article:not(:first-child){padding-left:35px}
.xp-steps article:last-child{border-right:0}
.xp-steps article>span,.xp-examples small{font-family:Inter,system-ui,sans-serif;color:#7654c8;font-weight:800;font-size:.85rem}
.xp-steps p{max-width:310px}
.xp-soft{background:var(--xp-soft)}
.xp-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.xp-split>p{font-size:1.16rem}
.xp-pair{display:grid;gap:16px}.xp-pair>div{padding:24px 28px;background:#fff;border:1px solid #e9e5f2;border-radius:18px;box-shadow:0 15px 32px rgba(37,27,67,.04)}
.xp-pair b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#efe9ff;color:#6843c7}
.xp-pair h3{margin:.5em 0 .15em}.xp-pair p{margin:0}
.xp-link-list{border-top:1px solid var(--xp-line)}
.xp-link-list>a,.xp-link-list>div{display:grid;grid-template-columns:50px minmax(190px,.7fr) minmax(0,1fr) 26px;gap:22px;align-items:center;padding:26px 5px;border-bottom:1px solid var(--xp-line);color:var(--xp-ink);text-decoration:none}
.xp-link-list>a:hover{background:#faf9ff}.xp-link-list span{color:#8062c9;font-size:.8rem;font-weight:800}.xp-link-list strong{font-family:Inter,system-ui,sans-serif;font-size:1.2rem}.xp-link-list em{font-style:normal;color:var(--xp-muted)}.xp-link-list b{font-size:1.3rem;color:#6842c7}
.xp-data-map{display:flex;align-items:stretch;gap:10px}.xp-data-map>div{min-width:0;flex:1;padding:24px 18px;border:1px solid #ddd9ec;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:11px;box-shadow:0 10px 30px rgba(34,21,76,.04)}
.xp-data-map small{color:#7554bf;font-weight:800}.xp-data-map strong{font-family:Inter,system-ui,sans-serif;font-size:1.12rem;line-height:1.3}.xp-data-map span{color:var(--xp-muted);font-size:.84rem;line-height:1.4}.xp-data-map>i{align-self:center;color:#8e79be;font-style:normal;font-weight:800;font-size:1.35rem}.xp-data-map .xp-data-result{background:#321d71;color:#fff;border-color:#321d71}.xp-data-result small,.xp-data-result span{color:#d6ccf4!important}
.xp-dark{background:#17142e;color:#fff}.xp-dark h2,.xp-dark p{color:#fff}.xp-dark .xp-eyebrow{color:#c2abff}
.xp-illustration{padding:20px 25px;border:1px solid #4c426f;border-radius:20px;background:linear-gradient(145deg,#282043,#201a38)}
.xp-illustration>small{display:block;color:#c7b8ec;font-size:.7rem;letter-spacing:.12em;margin-bottom:17px}
.xp-illustration>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-top:1px solid #494061;font-weight:700}.xp-illustration span{font-size:.72rem;color:#decaff;background:#493575;border-radius:99px;padding:5px 11px}
.xp-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.xp-lanes>article{min-width:0;padding:35px;border:1px solid #e3e1ea;border-radius:20px;background:#fff}.xp-lanes h3{font-size:1.8rem;overflow-wrap:anywhere}.xp-lanes>article>p{font-size:1.05rem}
.xp-call{margin-top:25px;border:1px solid #dddbe7;border-radius:13px;overflow:hidden}.xp-call header{background:#f6f4fb;padding:15px 18px;display:flex;justify-content:space-between;font-weight:800;gap:12px}.xp-call header small{font-weight:500;color:#776e88}.xp-call p{display:flex;justify-content:space-between;margin:0;padding:10px 18px;border-top:1px solid #eeedf2;color:#4a4760}.xp-call footer{padding:15px 18px;border-top:1px solid #eeedf2;color:#695783;font-size:.9rem}.xp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.xp-tags span{padding:9px 13px;border:1px solid #ddd4f1;border-radius:99px;color:#5c408d;font-weight:700;font-size:.85rem}
.xp-role-map{max-width:900px}.xp-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.xp-examples article{padding:27px;border-top:3px solid #7653c4;background:#fff}.xp-examples p{margin-bottom:0}
.xp-core{padding:70px 0;background:#30206f;color:#fff}.xp-core-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.xp-core .xp-eyebrow{color:#c7b3ff}.xp-core h2{font-size:clamp(2rem,3vw,3.2rem)}.xp-core p{color:#ddd5f5}.xp-button-white{flex:none;background:#fff;color:#35206d;box-shadow:none}.xp-button-white:hover{background:#e9e1ff}
html[dir=rtl] .xp-steps article{padding:35px 0 10px 35px;border-left:1px solid var(--xp-line);border-right:0}html[dir=rtl] .xp-steps article:not(:first-child){padding-right:35px}html[dir=rtl] .xp-steps article:last-child{border-left:0}
@media(max-width:1050px){.xp-hero-grid{grid-template-columns:1.1fr .9fr;gap:10px}.xp-hero-graphic{max-width:380px}.xp-data-map{flex-wrap:wrap}.xp-data-map>div{min-width:170px}.xp-data-map>i{align-self:center}}
@media(max-width:760px){.xp-wrap{padding-inline:22px}.xp-hero{padding:110px 0 55px}.xp-hero-grid,.xp-split,.xp-lanes{grid-template-columns:minmax(0,1fr)}.xp-hero-grid{gap:15px}.xp-hero-graphic{max-width:350px}.xp-section{padding:70px 0}.xp-split{gap:25px}.xp-steps{display:block}.xp-steps article,.xp-steps article:not(:first-child),html[dir=rtl] .xp-steps article,html[dir=rtl] .xp-steps article:not(:first-child){padding:23px 0;border:0;border-bottom:1px solid var(--xp-line)}.xp-link-list>a,.xp-link-list>div{grid-template-columns:35px 1fr 20px;gap:10px}.xp-link-list em{grid-column:2;grid-row:2}.xp-link-list b{grid-column:3;grid-row:1}.xp-examples{grid-template-columns:1fr}.xp-core-inner{display:block}.xp-core-inner .xp-button{margin-top:15px}}
@media(max-width:440px){.xp h1{font-size:2.75rem}.xp h2{font-size:2.2rem}.xp-hero-graphic{max-width:340px}.xp-preview{padding:15px;transform:none}.xp-preview-thread p{font-size:.75rem}.xp-data-map{display:grid;grid-template-columns:1fr}.xp-data-map>div{min-width:0}.xp-data-map>i{line-height:1;text-align:center}.xp-actions{gap:14px}.xp-lanes>article{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}