/* Scoped integration narrative, preserving the shared site shell and hero. */
.int-compact-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;}
.int-compact-heading .page-eyebrow {font-size:9px;color:#008398;}
.int-compact-heading h3 {font-size:clamp(23px,2.4vw,32px);line-height:1.2;letter-spacing:-.03em;color:#133943;margin:12px 0 0;}
.int-compact-heading h3 em {color:#008b9f;font-style:normal;}
.int-compact-heading > a {font-size:12px;font-weight:700;color:#007c90;text-underline-offset:5px;white-space:nowrap;}
.int-platform-strip {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:#fff;border:1px solid #d6e3e2;border-radius:8px;overflow:hidden;}
.int-platform-mark {min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 8px;min-height:120px;}
.int-platform-mark + .int-platform-mark {border-left:1px solid #e4eceb;}
.int-platform-mark img {display:block;width:64px;max-width:90%;height:37px;object-fit:contain;}
.int-platform-mark strong {font-size:11px;color:#3c5c66;text-align:center;line-height:1.3;font-weight:600;}
.int-platform-mark.int-mark-woo img {width:78px;}
.int-mark-adobe img {filter:invert(21%) sepia(100%) saturate(4657%) hue-rotate(352deg) brightness(93%);}
.int-mark-salesforce img {filter:invert(42%) sepia(99%) saturate(1800%) hue-rotate(164deg) brightness(93%);}
.int-mark-dynamics img {filter:invert(27%) sepia(78%) saturate(1613%) hue-rotate(220deg);}
.int-mark-custom > span {display:grid;place-items:center;height:37px;color:#00879b;font-size:28px;letter-spacing:-.08em;}
.int-compact-note {font-size:11px;line-height:1.6;color:#637a82;margin:12px 0 0;}
@media(max-width:1050px) {.int-platform-strip {grid-template-columns:repeat(4,minmax(0,1fr));}.int-platform-mark:nth-child(5) {border-left:0;}.int-platform-mark:nth-child(n+5) {border-top:1px solid #e4eceb;}}
@media(max-width:600px) {.int-compact-heading {align-items:start;flex-direction:column;gap:14px;}.int-platform-strip {grid-template-columns:repeat(2,minmax(0,1fr));}.int-platform-mark {padding:18px 8px;min-height:106px;}.int-platform-mark:nth-child(odd) {border-left:0;}.int-platform-mark:nth-child(n+3) {border-top:1px solid #e4eceb;}}
.int-logo-tile.int-official-wordmark img {width:140px;max-width:95%;height:44px;object-fit:contain;}
.int-logo-tile.int-official-wordmark > span {font-size:10px;color:#627b83;}
.int-more-platforms {margin-top:42px;padding-top:34px;border-top:1px solid #c6d9d9;}
.int-more-heading {display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:26px;}
.int-more-heading .page-eyebrow {font-size:10px;color:#007e92;}
.int-more-heading h3 {font-size:clamp(27px,3vw,38px);line-height:1.12;letter-spacing:-.035em;color:#103943;margin:14px 0 0;}
.int-more-heading h3 em {color:#008da1;font-style:normal;}
.int-more-heading > p {font-size:14px;line-height:1.7;color:#58717a;margin:0;}
.int-expanded-platforms {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.int-platform-option {position:relative;min-height:166px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-decoration:none;padding:24px;background:white;border:1px solid #d1e0e1;border-top:3px solid #8dbcc4;transition:transform .2s,border-color .2s,box-shadow .2s;}
.int-platform-option:hover {transform:translateY(-3px);border-color:#18a4b8;box-shadow:0 12px 24px #1239430d;}
.int-platform-option strong {color:#173d47;font-size:21px;letter-spacing:-.03em;line-height:1.2;}
.int-platform-option > span {font-size:12px;color:#637b83;margin-top:8px;line-height:1.5;}
.int-platform-option small {margin-top:20px;color:#008296;font-size:11px;}
.int-platform-option.int-woo {border-top-color:#873eff;background:#f8f5ff;}
.int-woo img {width:108px;height:40px;object-fit:contain;object-position:left center;margin-bottom:9px;}
.int-platform-option.int-woo strong {font-size:16px;}
@media(max-width:900px) {.int-expanded-platforms {grid-template-columns:repeat(2,minmax(0,1fr));}.int-more-heading {gap:25px;}}
@media(max-width:600px) {.int-more-heading {grid-template-columns:1fr;gap:18px;}.int-platform-option {padding:20px 15px;min-height:168px;}.int-platform-option strong {font-size:18px;}.int-platform-option small {font-size:10px;}}
@media(prefers-reduced-motion:reduce) {.int-platform-option {transition:none;}.int-platform-option:hover {transform:none;}}
.int-hero-packet {offset-path:path('M8 38 C38 4 82 6 112 34');animation:int-packet 2.8s linear infinite;}
@keyframes int-packet {to {offset-distance:100%;}}
.int-network-toolbar {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;}
.int-network-toolbar > span {font-size:10px;letter-spacing:.12em;color:#426671;font-weight:800;}
.int-motion-toggle {background:transparent;border:1px solid #9bbdc2;color:#08798c;font:inherit;font-size:12px;padding:8px 13px;cursor:pointer;white-space:nowrap;}
.int-motion-toggle:focus-visible {outline:3px solid #078599;outline-offset:3px;}
.int-ecosystem {display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(200px,.8fr) 48px minmax(0,1fr);align-items:center;padding:32px;border:1px solid #c5d9da;background:radial-gradient(ellipse at 50% 35%,#d5edeb,#f9fbf8 70%);}
.int-network-side h3 {font-size:22px;letter-spacing:-.025em;color:#153b46;margin:12px 0 20px;}
.int-logo-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.int-logo-tile {min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 8px;background:white;border:1px solid #dce7e6;border-radius:7px;box-shadow:0 5px 12px #082d3606;}
.int-logo-tile img {display:block;width:36px;height:36px;object-fit:contain;}
.int-logo-tile strong {font-size:13px;color:#173d47;}
.int-wordmark-tile strong {font-size:17px;letter-spacing:-.03em;}
.int-wordmark-tile span {color:#6c8087;font-size:10px;}
.int-wordmark-tile .int-lazada {color:#5136a8;font-size:23px;}
.int-wordmark-tile .int-oracle {color:#b83a33;letter-spacing:.04em;}
.int-network-side p {font-size:12px;line-height:1.7;color:#5b747c;margin:16px 0 0;}
.int-wire {display:flex;align-items:center;position:relative;color:#078c9f;font-size:25px;overflow:hidden;}
.int-wire i {position:absolute;left:0;right:0;top:50%;height:1px;background:#70b9c3;}
.int-wire i::after {content:"";position:absolute;top:-2px;width:6px;height:6px;border-radius:50%;background:#00a9bf;animation:int-wire-packet 3s ease-in-out infinite;box-shadow:0 0 8px #00a9bf;}
.int-wire span {position:relative;margin:auto;background:#e7f4f0;padding:0 3px;}
@keyframes int-wire-packet {0% {left:0} 50% {left:90%} 100% {left:0}}
.int-network-core {position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:42px 20px 28px;background:linear-gradient(145deg,#164a56,#061e27);border:1px solid #337180;box-shadow:0 18px 36px #113f4626;border-radius:10px;}
.int-network-core > img {position:relative;width:130px;height:auto;margin:0 auto 12px;}
.int-network-core > small {position:relative;display:block;color:#93c2ca;font-size:8px;letter-spacing:.17em;}
.int-network-core h3 {position:relative;color:white;font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:30px 0 22px;}
.int-core-tags {position:relative;display:grid;gap:8px;border-top:1px solid #34606b;padding-top:20px;}
.int-core-tags span {color:#6bdeeb;font-size:12px;}
.int-core-orbit {position:absolute;inset:18px;border:1px solid #57d6e528;border-radius:50%;aspect-ratio:1;animation:int-orbit 18s linear infinite;z-index:-1;}
.int-core-orbit::before {content:"";position:absolute;width:6px;height:6px;background:#51d7e7;top:15%;left:13%;border-radius:50%;box-shadow:0 0 12px #51d7e7;}
@keyframes int-orbit {to {transform:rotate(360deg)}}
.int-network-floor {grid-column:1/-1;display:flex;align-items:center;gap:30px;margin-top:30px;border-top:1px solid #c3dadb;padding-top:24px;}
.int-floor-title {display:flex;align-items:center;gap:14px;margin-right:auto;}
.int-floor-title > span {font-size:35px;color:#0094a8;}
.int-floor-title small {display:block;color:#4c737d;font-size:9px;letter-spacing:.09em;font-weight:800;}
.int-floor-title strong {display:block;color:#173c46;font-size:17px;margin-top:6px;}
.int-device {display:grid;justify-items:center;gap:6px;}
.int-device svg {width:40px;height:40px;fill:none;stroke:#11899b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.int-device span {font-size:11px;color:#426973;}
.int-step-visual {display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.int-step-visual svg {width:62px;height:62px;stroke:#6de0eb;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.int-step-visual .int-step-number {width:auto;height:auto;border:none;margin:0;font-size:34px;color:#497684;}
.int-review .int-scope-grid article {padding:28px;background:white;border:1px solid #d4e2e1;border-top:3px solid #0b9eb0;}
.int-scope-symbol {display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:#e5f3f2;color:#00899d;font-size:30px;margin-bottom:24px;}
.int-api figure {position:relative;padding:12px;background:#e5efed;border:1px solid #c6d9da;transform:rotate(-1deg);}
.int-api figcaption {padding:0 5px;}
.int-motion-paused .integration-sync-line,.int-motion-paused .integration-sync-end,.int-motion-paused .int-hero-packet,.int-motion-paused .int-wire i::after,.int-motion-paused .int-core-orbit {animation-play-state:paused;}
@media(prefers-reduced-motion:reduce) {.int-hero-packet,.int-wire i::after,.int-core-orbit {animation:none;}}
@media(max-width:1050px) {
 .int-ecosystem {padding:24px;grid-template-columns:minmax(0,1fr) 28px minmax(165px,.8fr) 28px minmax(0,1fr);}
 .int-network-side h3 {font-size:19px;}
 .int-network-core {padding:32px 14px 24px;}
 .int-network-core h3 {font-size:24px;}
 .int-network-floor {gap:18px;flex-wrap:wrap;}
 .int-floor-title {width:100%;}
 .int-device {flex:1;}
}
@media(max-width:700px) {
 .int-ecosystem {grid-template-columns:1fr;padding:22px 18px;}
 .int-network-toolbar > span {font-size:8px;max-width:180px;line-height:1.6;}
 .int-wire {height:50px;width:100%;justify-content:center;}
 .int-wire i {left:50%;right:auto;width:1px;top:0;height:100%;}
 .int-wire i::after {display:none;}
 .int-wire span {transform:rotate(90deg);}
 .int-network-core {padding:28px;}
 .int-network-core h3 {margin:20px 0;font-size:26px;}
 .int-core-orbit {width:200px;inset:14px auto auto calc(50% - 100px);}
 .int-network-floor {gap:16px 10px;}
 .int-floor-title strong {font-size:16px;}
 .int-floor-title > span {display:none;}
 .int-device {min-width:40%;}
 .int-api figure {transform:none;}
 .int-flow-steps .int-step-visual {position:static;margin:0 0 18px;}
 .int-flow-steps .int-step-visual svg {width:44px;height:44px;}
 .int-flow-steps .int-step-visual .int-step-number {position:static;font-size:27px;}
 .int-flow-steps li {padding:22px!important;}
 .int-scope-grid {gap:16px!important;}
}
.solution-integrations .int-heading {display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:36px;}
.solution-integrations .int-heading h2,.int-api h2 {margin:14px 0 0;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.045em;}
.solution-integrations .int-heading h2 em,.int-api h2 em {font-style:normal;color:#078599;}
.solution-integrations .int-heading > p,.int-api p {font-size:17px;line-height:1.7;color:#576e77;margin:0;}
.solution-integrations .int-heading .page-eyebrow,.int-api .page-eyebrow {font-size:11px;color:#007d91;}
.int-platforms,.int-review {background:#f3f4ef;}
.int-platform-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.int-platform-grid article {display:flex;flex-direction:column;padding:28px;background:white;border:1px solid #ccdadd;border-top:3px solid #0da7ba;}
.int-category,.int-scope-grid small {font-size:10px;letter-spacing:.12em;font-weight:800;color:#007f93;}
.int-platform-grid h3 {font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:17px 0 22px;color:#082932;}
.int-brands {display:flex;flex-wrap:wrap;gap:7px;align-content:start;min-height:94px;margin-bottom:20px;}
.int-brands span {background:#eef5f4;color:#173f49;border:1px solid #d8e7e6;padding:8px 11px;font-size:13px;font-weight:600;}
.int-platform-grid p {font-size:14px;line-height:1.65;color:#526973;margin:0 0 20px;}
.int-platform-grid article > small {margin-top:auto;padding-top:16px;border-top:1px solid #dce7e7;color:#61767e;font-size:12px;line-height:1.6;}
.int-scope-note {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px 24px;background:#e5efee;border-left:3px solid #0b9eb0;}
.int-scope-note strong {display:block;color:#143b44;font-size:16px;}
.int-scope-note span {display:block;font-size:13px;color:#526c74;margin-top:7px;line-height:1.6;}
.int-scope-note a,.int-ownership a {font-size:13px;font-weight:700;white-space:nowrap;text-underline-offset:4px;color:#007f93;}
.int-journey {background:#08262f;scroll-margin-top:90px;}
.solution-integrations .int-journey .int-heading h2 {color:white;}
.solution-integrations .int-journey .int-heading h2 em,.solution-integrations .int-journey .page-eyebrow {color:#48d4e4;}
.solution-integrations .int-journey .int-heading > p {color:#b6ced3;}
.int-flow {border:1px solid #365963;background:#061e26;padding:26px;}
.int-flow-label {display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;}
.int-flow-label span:first-child {color:#49d6e6;font-size:10px;letter-spacing:.12em;font-weight:800;}
.int-flow-label span:last-child {color:#a9c3c9;font-size:11px;}
.int-flow-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0;}
.int-flow-steps li {position:relative;display:flex;flex-direction:column;background:#10343e;border:1px solid #355c67;padding:22px 18px;}
.int-flow-steps li + li::before {content:"→";position:absolute;left:-25px;top:51px;color:#49d6e6;font-size:22px;}
.int-step-number {display:grid;place-items:center;width:43px;height:43px;border:1px solid #547c86;border-radius:50%;color:#71dce8;font-size:16px;margin-bottom:24px;}
.int-flow-steps small {color:#76dfeb;font-size:9px;font-weight:700;letter-spacing:.08em;}
.int-flow-steps h3 {font-size:23px;line-height:1.15;letter-spacing:-.025em;color:white;margin:13px 0;}
.int-flow-steps p {color:#b4cdd3;font-size:13px;line-height:1.65;margin:0 0 24px;}
.int-event {display:block;border-top:1px solid #355c67;padding-top:15px;font-size:11px;color:#82e4ed;margin-top:auto;}
.int-flow-steps .int-flow-odin {border-color:#4ad5e5;background:#124450;box-shadow:inset 0 3px #4ad5e5;}
.int-return {display:flex;align-items:center;gap:20px;margin-top:24px;border-top:2px solid #48cddd;padding:22px 4px 0;}
.int-return > span {font-size:38px;line-height:1;color:#48d4e4;}
.int-return strong {color:white;font-size:18px;}
.int-return p {color:#b4cdd3;font-size:13px;line-height:1.6;margin:7px 0 0;}
.int-return > small {font-size:9px;color:#a7c8ce;letter-spacing:.06em;max-width:160px;margin-left:auto;line-height:1.6;}
.int-ownership {display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;margin-top:26px;}
.int-ownership strong {color:white;font-size:17px;}
.int-ownership p {font-size:13px;line-height:1.7;color:#b4cdd3;margin:0;}
.int-ownership a {color:#49d6e6;}
.int-api {background:#fff;}
.int-api-grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center;}
.int-api h2 {font-size:clamp(32px,3.3vw,47px);margin-bottom:24px;}
.int-api p {font-size:16px;}
.int-api ul {padding-left:20px;color:#536d76;font-size:14px;line-height:1.7;margin:24px 0;}
.int-api li {margin-bottom:8px;}
.int-api .text-cta {color:#007f93;}
.int-api figure {margin:0;min-width:0;}
.int-api figure a {display:block;border:1px solid #b9ced2;background:#082a34;text-decoration:none;box-shadow:0 20px 45px #082a3414;}
.int-api img {display:block;width:100%;height:auto;}
.int-api figure a > span {display:block;color:#63dce9;font-size:12px;padding:16px 18px;}
.int-api figcaption {font-size:11px;line-height:1.7;color:#60747c;margin-top:13px;}
.int-scope-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.int-scope-grid article {padding:22px 0;border-top:2px solid #0b9eb0;}
.int-scope-grid h3 {font-size:26px;letter-spacing:-.025em;margin:15px 0 12px;color:#082a34;}
.int-scope-grid p {font-size:15px;line-height:1.65;color:#526c76;margin:0;}
.int-checks {padding:26px 30px;background:#e4edec;margin-top:20px;}
.int-checks h3 {font-size:22px;letter-spacing:-.02em;color:#103741;margin:0 0 22px;}
.int-checks > div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;}
.int-checks span {font-size:13px;line-height:1.6;color:#526c76;}
.int-checks b {display:block;color:#007f93;font-size:15px;margin-bottom:6px;}
.int-faq {background:white;}
.int-final .page-cta > div > span {display:block;color:#a9c5cb;font-size:13px;line-height:1.6;margin-top:18px;}
.solution-integrations a:focus-visible {outline:3px solid #0ba5b9;outline-offset:5px;}
@media(max-width:1000px) {
 .solution-integrations .int-heading {gap:30px;grid-template-columns:1.1fr 1fr;}
 .int-platform-grid article {padding:22px;}
 .int-platform-grid h3 {font-size:22px;}
 .int-flow-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
 .int-flow-steps li:nth-child(3)::before {display:none;}
 .int-api-grid {gap:30px;}
 .int-ownership {grid-template-columns:1fr;gap:12px;}
}
@media(max-width:700px) {
 .solution-integrations .int-heading {grid-template-columns:1fr;gap:22px;margin-bottom:28px;}
 .solution-integrations .int-heading h2 {font-size:36px;}
 .solution-integrations .int-heading > p {font-size:16px;}
 .int-platform-grid,.int-api-grid,.int-scope-grid {grid-template-columns:1fr;}
 .int-brands {min-height:0;}
 .int-platform-grid h3 {margin:14px 0 18px;}
 .int-scope-note {align-items:start;flex-direction:column;gap:16px;padding:22px;}
 .int-flow {padding:20px 16px;}
 .int-flow-label {display:block;}
 .int-flow-label span {display:block;line-height:1.6;}
 .int-flow-label span:last-child {margin-top:8px;}
 .int-flow-steps {grid-template-columns:1fr;gap:26px;}
 .int-flow-steps li {padding:20px 20px 20px 78px;}
 .int-step-number {position:absolute;top:20px;left:17px;width:40px;height:40px;}
 .int-flow-steps li + li::before,.int-flow-steps li:nth-child(3)::before {display:block;content:"↓";left:31px;top:-27px;font-size:21px;}
 .int-flow-steps h3 {font-size:23px;}
 .int-flow-steps p {margin-bottom:18px;}
 .int-return {flex-wrap:wrap;gap:12px;align-items:start;}
 .int-return > div {flex:1;}
 .int-return > small {max-width:none;width:100%;margin:0 0 0 42px;}
 .int-api h2 {font-size:36px;}
 .int-checks {padding:24px 20px;}
 .int-checks > div {grid-template-columns:1fr 1fr;gap:22px;}
 .int-scope-grid {gap:0;}
}