:root{--integration-purple:#8f5cff;--integration-purple-soft:#f5f0ff;--integration-ink:#0a0a0a;--integration-muted:#5b5b5b;--integration-line:#cfcfcf;--integration-soft:#f7f7f7}
body.integration-landing{margin:0;color:var(--integration-ink);background:#fff;font-family:"DM Sans",Arial,sans-serif}
.integration-page{max-width:1600px;margin:0 auto;padding:0 38px}
.integration-page *{box-sizing:border-box}
.integration-eyebrow{margin:0;color:var(--integration-purple);font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.integration-hero{min-height:570px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);gap:42px;align-items:center;padding:52px 42px;border-inline:1px solid var(--integration-line);border-bottom:1px solid var(--integration-line);background:linear-gradient(135deg,#fff 0%,#fff 67%,#faf8ff 100%)}
.integration-identity{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.integration-logo-shell{width:68px;height:68px;border:1px solid var(--integration-line);display:grid;place-items:center;background:#fff}
.integration-logo-shell img{width:42px;height:42px;object-fit:contain;filter:brightness(0) saturate(100%)}
.integration-identity strong{font-size:17px}
.integration-hero h1{font-size:clamp(50px,4.7vw,78px);line-height:.95;letter-spacing:-.064em;max-width:880px;margin:14px 0 20px;text-wrap:balance}
.integration-lede{max-width:760px;margin:0;color:var(--integration-muted);font-size:18px;line-height:1.52;text-wrap:pretty}
.integration-scene{position:relative;width:100%;max-width:800px;min-height:440px;justify-self:end;margin:0;overflow:hidden;border:1px solid rgba(143,92,255,.34);border-radius:18px;background:#ececec;box-shadow:0 22px 60px rgba(41,29,68,.11),0 2px 8px rgba(41,29,68,.06)}
.integration-scene img{display:block;width:100%;height:440px;object-fit:cover}
.integration-scene figcaption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(18,16,24,.72);color:#fff;backdrop-filter:blur(8px)}
.integration-scene figcaption span{color:#d9c5ff;font-size:8px;font-weight:800;letter-spacing:.14em}.integration-scene figcaption strong{font-size:14px;line-height:1.2;text-align:right}
.integration-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.integration-primary,.integration-secondary{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid var(--integration-purple);font-size:13px;font-weight:700}
.integration-primary{background:var(--integration-purple);color:#fff}
.integration-primary:hover,.integration-primary:focus-visible{background:#7441e8;border-color:#7441e8;transform:translateY(-2px)}
.integration-secondary{background:#fff;color:var(--integration-ink)}
.integration-secondary:hover,.integration-secondary:focus-visible{background:var(--integration-purple-soft);transform:translateY(-2px)}
.ops-preview{position:relative;width:100%;max-width:800px;min-height:510px;justify-self:end;display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:64px auto 1fr 52px;border:1px solid rgba(143,92,255,.58);border-radius:18px;background:#f8f7fc;color:#17151d;box-shadow:0 22px 60px rgba(41,29,68,.13),0 2px 8px rgba(41,29,68,.08);overflow:hidden;isolation:isolate}
.ops-brandbar,.ops-toolbar,.ops-footer{display:flex;align-items:center;justify-content:space-between}
.ops-brandbar{grid-column:1;grid-row:1/-1;min-width:0;min-height:100%;padding:16px 12px 100px;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-right:1px solid #2d2f3a;background:#161823}
.ops-awayvo{display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#fff}.ops-awayvo img{display:none}.ops-awayvo::before{content:"";width:38px;height:38px;flex:0 0 auto;background:url('/assets/awayvo-logo-mark-transparent.png?v=4') center/contain no-repeat}.ops-awayvo::after{content:"awayvo";color:#fff;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.055em}
.ops-platform{width:100%;min-height:38px;margin-top:24px;padding:6px 7px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.075);color:#fff}
.ops-platform img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.ops-platform strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:9px;letter-spacing:.02em}
.ops-platform img[src*="outlook.svg"]{filter:none}
.integration-logo-shell img{filter:none}
.ops-platform img{box-sizing:border-box;filter:none;background:#fff;border-radius:6px;padding:3px}
.ops-toolbar{grid-column:2;grid-row:1;min-height:64px;padding:10px 14px;background:#fff;border-bottom:1px solid #e4e0eb;gap:12px}
.ops-toolbar>div:first-child{display:flex;min-width:0;flex-direction:column;gap:2px}.ops-toolbar span{color:var(--integration-purple);font-size:7px;font-weight:800;letter-spacing:.16em}.ops-toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:-.02em}.ops-toolbar::after{content:"ASK AWAYVO · LIVE BUSINESS CONTEXT";order:2;min-height:31px;padding:0 10px;display:flex;align-items:center;border:1px solid #ded4f4;border-radius:8px;background:#f8f4ff;color:#5d35bd;font-size:7px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.ops-range{order:3}
.ops-range{display:flex;border:1px solid #ddd7e9;border-radius:8px;overflow:hidden}.ops-range button{min-width:42px;height:31px;border:0;border-right:1px solid #e6e1ee;background:#fff;color:#686471;font:700 9px/1 "DM Sans",Arial,sans-serif;cursor:pointer}.ops-range button:last-child{border-right:0}.ops-range button.is-active{background:#2c1d49;color:#fff}
.ops-metrics{grid-column:2;grid-row:2;padding:11px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ops-metrics article{min-width:0;padding:12px;border:1px solid #e0dce8;border-radius:11px;background:#fff;box-shadow:0 5px 15px rgba(45,32,70,.055)}.ops-metrics span,.ops-metrics small{display:block;color:#77727e;font-size:8px}.ops-metrics strong{display:block;margin:6px 0 4px;font-size:18px;line-height:1;letter-spacing:-.04em}.ops-metrics small{color:#1d9a53;font-weight:800}
.ops-canvas{grid-column:2;grid-row:3;padding:0 12px 11px;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:"primary secondary" "primary photo" "tertiary photo";gap:8px}
.ops-widget,.ops-photo{min-width:0;border:1px solid #e0dce8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(45,32,70,.045)}
.ops-widget--primary{grid-area:primary}.ops-widget--secondary{grid-area:secondary}.ops-widget--tertiary{grid-area:tertiary}.ops-photo{grid-area:photo;position:relative;min-height:150px;margin:0;background:#ddd}
.ops-widget-head{min-height:54px;padding:12px 13px 10px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ede9f1}.ops-widget-head>div{min-width:0}.ops-widget-head strong{display:block;font-size:11px;line-height:1.2}.ops-widget-head span{display:block;margin-top:3px;color:#827d88;font-size:8px}.ops-widget-head b{color:var(--integration-purple);letter-spacing:.12em}
.ops-widget ul{list-style:none;margin:0;padding:0 13px}.ops-widget li{min-height:39px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border-bottom:1px solid #eeeaf2;font-size:9px}.ops-widget li:last-child{border-bottom:0}.ops-widget li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#403c46}.ops-widget li strong{font-size:9px}.ops-widget li small{padding:3px 5px;border-radius:5px;background:#f0e9ff;color:#7040d2;font-size:7px;font-weight:800;white-space:nowrap}
.ops-photo img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover}.ops-photo figcaption{position:absolute;inset:auto 8px 8px;padding:8px 9px;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.48);border-radius:8px;background:rgba(18,16,24,.75);color:#fff;backdrop-filter:blur(8px)}.ops-photo figcaption span{font-size:6px;font-weight:800;letter-spacing:.13em;color:#d4bcff}.ops-photo figcaption strong{font-size:8px}
.ops-footer{grid-column:2;grid-row:4;min-height:52px;padding:9px 13px;border-top:1px solid #ddd8e8;background:#fff;gap:14px}.ops-client{position:absolute;left:12px;bottom:13px;width:92px;min-width:0;display:block;color:#fff}.ops-client>span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#302050;color:#fff;font-size:11px;font-weight:800}.ops-client div{min-width:0;margin-top:7px}.ops-client strong,.ops-client small{display:block;overflow:hidden}.ops-client strong{color:#fff;font-size:8px;line-height:1.2}.ops-client small{margin-top:3px;color:#aeb1bc;font-size:6px;line-height:1.25}.ops-footer p{max-width:none;margin:0 0 0 auto;color:#8a8591;font-size:7px;line-height:1.4;text-align:right}
.ops-layout-2 .ops-canvas{grid-template-areas:"photo primary" "secondary primary" "secondary tertiary";grid-template-columns:.92fr 1.08fr}
.ops-layout-3 .ops-canvas{grid-template-columns:repeat(2,1fr);grid-template-areas:"primary primary" "photo secondary" "photo tertiary"}
.ops-layout-4 .ops-canvas{grid-template-areas:"secondary photo" "primary photo" "primary tertiary";grid-template-columns:1.08fr .92fr}
.ops-layout-5 .ops-canvas{grid-template-columns:.9fr 1.1fr;grid-template-areas:"primary photo" "secondary photo" "tertiary tertiary"}
.ops-layout-6 .ops-canvas{grid-template-columns:1.12fr .88fr;grid-template-areas:"photo secondary" "photo tertiary" "primary primary"}
.ops-layout-7 .ops-canvas{grid-template-areas:"secondary primary" "photo primary" "photo tertiary";grid-template-columns:.94fr 1.06fr}
.ops-layout-8 .ops-canvas{grid-template-columns:1.05fr .95fr;grid-template-areas:"primary photo" "primary secondary" "tertiary secondary"}
.ops-layout-9 .ops-canvas{grid-template-columns:repeat(2,1fr);grid-template-areas:"photo photo" "primary secondary" "primary tertiary"}
.ops-layout-10 .ops-canvas{grid-template-columns:.9fr 1.1fr;grid-template-areas:"secondary primary" "tertiary primary" "photo photo"}
.ops-layout-11 .ops-canvas{grid-template-columns:1.08fr .92fr;grid-template-areas:"primary secondary" "photo secondary" "photo tertiary"}
.ops-layout-12 .ops-canvas{grid-template-columns:.95fr 1.05fr;grid-template-areas:"photo primary" "tertiary primary" "tertiary secondary"}
.integration-variant-2 .ops-preview,.integration-variant-5 .ops-preview,.integration-variant-8 .ops-preview,.integration-variant-11 .ops-preview{grid-column:1;grid-row:1;justify-self:start}.integration-variant-2 .integration-hero-copy,.integration-variant-5 .integration-hero-copy,.integration-variant-8 .integration-hero-copy,.integration-variant-11 .integration-hero-copy{grid-column:2;grid-row:1}
.integration-variant-2 .integration-scene,.integration-variant-5 .integration-scene,.integration-variant-8 .integration-scene,.integration-variant-11 .integration-scene{grid-column:1;grid-row:1;justify-self:start}
.integration-variant-3 .integration-hero,.integration-variant-6 .integration-hero,.integration-variant-9 .integration-hero,.integration-variant-12 .integration-hero{grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);background:linear-gradient(180deg,#faf8ff 0%,#fff 68%)}
.integration-variant-3 .integration-hero-copy,.integration-variant-6 .integration-hero-copy,.integration-variant-9 .integration-hero-copy,.integration-variant-12 .integration-hero-copy{align-self:center;padding-top:0}.integration-variant-3 .ops-preview,.integration-variant-6 .ops-preview,.integration-variant-9 .ops-preview,.integration-variant-12 .ops-preview{max-width:none}
.integration-variant-3 .integration-scene,.integration-variant-6 .integration-scene,.integration-variant-9 .integration-scene,.integration-variant-12 .integration-scene{max-width:none}
.integration-variant-2 .integration-hero,.integration-variant-8 .integration-hero{background:linear-gradient(45deg,#faf8ff 0%,#fff 38%)}.integration-variant-5 .integration-hero,.integration-variant-11 .integration-hero{background:linear-gradient(315deg,#f8f7fb 0%,#fff 54%)}
.integration-variant-4 .connection-grid,.integration-variant-8 .connection-grid,.integration-variant-12 .connection-grid{background:#f6f3fb;padding:14px}.integration-variant-4 .connection-card,.integration-variant-8 .connection-card,.integration-variant-12 .connection-card{border-top:1px solid var(--integration-line)}
.integration-variant-3 .integration-section-head,.integration-variant-6 .integration-section-head,.integration-variant-9 .integration-section-head,.integration-variant-12 .integration-section-head{grid-template-columns:.72fr 1fr;align-items:start}
.integration-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;border-inline:1px solid var(--integration-line);border-bottom:1px solid var(--integration-line);background:radial-gradient(circle at 8% 0%,rgba(143,92,255,.09),transparent 31%),linear-gradient(118deg,#fbfaff 0%,#f5f5f8 48%,#fff 100%)}
.integration-proof article{position:relative;min-height:154px;padding:24px;border:1px solid rgba(168,162,177,.42);border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(31,20,56,.045),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.integration-proof article::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--integration-purple),rgba(143,92,255,.18));opacity:.78}
.integration-proof article:hover{transform:translateY(-3px);border-color:rgba(143,92,255,.36);box-shadow:0 14px 34px rgba(74,45,130,.09),inset 0 1px 0 rgba(255,255,255,.95)}
.integration-proof span{display:inline-flex;align-items:center;justify-content:center;width:39px;min-height:26px;border:1px solid rgba(143,92,255,.16);border-radius:999px;background:#f4efff;color:var(--integration-purple);font-size:10px;letter-spacing:.14em;font-weight:850}
.integration-proof strong{max-width:300px;font-size:clamp(20px,1.45vw,24px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
.integration-section{padding:72px 42px;border-inline:1px solid var(--integration-line);border-bottom:1px solid var(--integration-line)}
.integration-section-head{display:grid;grid-template-columns:1fr .8fr;gap:56px;align-items:end;margin-bottom:34px}
.integration-section h2{font-size:clamp(40px,3.8vw,60px);line-height:1;letter-spacing:-.055em;margin:12px 0 0;max-width:780px}
.integration-section-head>p{color:var(--integration-muted);font-size:17px;line-height:1.62;margin:0;max-width:560px}
.connection-grid,.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--integration-line);border-left:1px solid var(--integration-line)}
.connection-card,.workflow-card{min-height:216px;padding:23px;border-right:1px solid var(--integration-line);border-bottom:1px solid var(--integration-line);background:#fff}
.connection-card:hover,.workflow-card:hover{background:#faf8ff}
.card-number{display:block;color:var(--integration-purple);font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:30px}
.connection-card h3,.workflow-card h3{font-size:21px;line-height:1.15;margin:0 0 13px;letter-spacing:-.025em;text-wrap:balance}
.connection-card p,.workflow-card p{margin:0;color:var(--integration-muted);font-size:14px;line-height:1.58;text-wrap:pretty}
.workflow-grid{grid-template-columns:repeat(3,1fr)}
.workflow-card{min-height:260px;display:flex;flex-direction:column}
.workflow-card .workflow-outcome{margin-top:auto;padding-top:20px;border-top:1px solid var(--integration-line);color:var(--integration-ink);font-size:13px;font-weight:700}
.workflow-outcome span{color:var(--integration-purple);margin-right:7px}
.integration-rollout{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;background:var(--integration-soft)}
.rollout-steps{border-top:1px solid var(--integration-line)}
.rollout-step{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--integration-line)}
.rollout-step>span{color:var(--integration-purple);font-weight:800;font-size:12px}.rollout-step h3{font-size:18px;margin:0 0 7px;text-wrap:balance}.rollout-step p{color:var(--integration-muted);margin:0;font-size:14px;line-height:1.55;text-wrap:pretty}
.guardrail-box{margin-top:26px;padding:21px;border-left:3px solid var(--integration-purple);background:#fff}
.guardrail-box strong{display:block;font-size:15px;margin-bottom:8px}.guardrail-box p{margin:0;color:var(--integration-muted);font-size:13px;line-height:1.6}
.integration-source{padding:28px 42px;border-inline:1px solid var(--integration-line);border-bottom:1px solid var(--integration-line);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff}
.integration-source div{max-width:900px}.integration-source strong{display:block;font-size:14px;margin-bottom:5px}.integration-source p{margin:0;color:var(--integration-muted);font-size:12px;line-height:1.55}.integration-source a{white-space:nowrap;color:var(--integration-purple);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:4px}
.integration-next{display:grid;grid-template-columns:1fr 1fr;border-inline:1px solid var(--integration-line);border-bottom:1px solid var(--integration-line)}
.integration-next a{min-height:116px;padding:24px 42px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--integration-line)}
.integration-next a:last-child{border-right:0;text-align:right}.integration-next small{color:var(--integration-purple);font-size:10px;letter-spacing:.14em;font-weight:800}.integration-next strong{font-size:24px}.integration-next a:hover{background:var(--integration-purple-soft)}
.integration-cta{padding:36px 42px;border-inline:1px solid var(--integration-line);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:42px;align-items:center;background:var(--integration-purple);color:#fff}
.integration-cta h2{max-width:780px;font-size:clamp(34px,3.6vw,54px);line-height:.98;letter-spacing:-.055em;margin:9px 0 0}.integration-cta p{font-size:15px;line-height:1.5;margin:0 0 18px;max-width:500px}.integration-cta .integration-primary{min-height:48px;background:#fff;border-color:#fff;color:#0a0a0a}.integration-cta .integration-primary:hover{background:#f3ecff;border-color:#f3ecff}

@media(max-width:1050px){
  .integration-hero,.integration-variant-3 .integration-hero,.integration-variant-6 .integration-hero,.integration-variant-9 .integration-hero,.integration-variant-12 .integration-hero{grid-template-columns:minmax(0,.8fr) minmax(500px,1.2fr);gap:28px;padding-inline:30px}.integration-hero h1{font-size:clamp(46px,5.6vw,66px)}.ops-preview{min-height:460px}.integration-scene,.integration-scene img{min-height:430px;height:430px}.integration-section{padding-inline:30px}.integration-section-head{gap:36px}.connection-grid{grid-template-columns:repeat(2,1fr)}.integration-proof{grid-template-columns:repeat(2,1fr);padding:16px}.integration-proof article,.integration-proof article:nth-child(2),.integration-proof article:nth-child(-n+2){border:1px solid rgba(168,162,177,.42)}
}

@media(max-width:820px){
  .integration-page{padding:0 20px}.integration-hero,.integration-variant-3 .integration-hero,.integration-variant-6 .integration-hero,.integration-variant-9 .integration-hero,.integration-variant-12 .integration-hero{min-height:0;grid-template-columns:1fr;gap:24px;padding:30px 18px 18px}.integration-variant-2 .integration-hero-copy,.integration-variant-5 .integration-hero-copy,.integration-variant-8 .integration-hero-copy,.integration-variant-11 .integration-hero-copy,.integration-variant-3 .integration-hero-copy,.integration-variant-6 .integration-hero-copy,.integration-variant-9 .integration-hero-copy,.integration-variant-12 .integration-hero-copy{grid-column:1;grid-row:1;padding-top:0}.integration-variant-2 .ops-preview,.integration-variant-5 .ops-preview,.integration-variant-8 .ops-preview,.integration-variant-11 .ops-preview,.integration-variant-2 .integration-scene,.integration-variant-5 .integration-scene,.integration-variant-8 .integration-scene,.integration-variant-11 .integration-scene{grid-column:1;grid-row:2}.integration-identity{margin-bottom:14px}.integration-logo-shell{width:54px;height:54px}.integration-logo-shell img{width:33px;height:33px}.integration-hero h1{font-size:clamp(43px,11.5vw,60px);margin:12px 0 16px}.integration-lede{font-size:16px;line-height:1.5}.integration-actions{display:grid;grid-template-columns:1fr;margin-top:21px}.integration-primary,.integration-secondary{width:100%;min-height:46px}.integration-scene{display:block;max-width:none;min-height:0;height:auto;margin:0 -1px;border-radius:14px}.integration-scene img{min-height:0;height:clamp(235px,64vw,360px)}.integration-scene figcaption{left:12px;right:12px;bottom:12px;padding:12px 13px}.ops-preview{display:block;max-width:none;min-height:0;margin:0 -1px;border-radius:14px}.ops-brandbar{min-height:61px;padding:11px 13px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid #2d2f3a}.ops-awayvo{flex-direction:row;align-items:center;gap:7px}.ops-awayvo::before{width:33px;height:33px}.ops-awayvo::after{font-size:21px}.ops-platform{width:auto;min-height:36px;margin:0;padding:5px 9px}.ops-toolbar{min-height:58px}.ops-toolbar::after{font-size:6px}.ops-metrics{gap:7px;padding:9px}.ops-metrics article{padding:10px 8px}.ops-metrics strong{font-size:16px}.ops-canvas,.ops-layout-2 .ops-canvas,.ops-layout-3 .ops-canvas,.ops-layout-4 .ops-canvas,.ops-layout-5 .ops-canvas,.ops-layout-6 .ops-canvas,.ops-layout-7 .ops-canvas,.ops-layout-8 .ops-canvas,.ops-layout-9 .ops-canvas,.ops-layout-10 .ops-canvas,.ops-layout-11 .ops-canvas,.ops-layout-12 .ops-canvas{padding:0 9px 9px;grid-template-columns:1fr 1fr;grid-template-areas:"primary primary" "secondary tertiary" "photo photo";gap:7px}.ops-photo,.ops-photo img{min-height:190px}.ops-footer{padding:9px 11px}.ops-client{position:static;width:auto;display:flex;align-items:center;gap:8px;color:inherit}.ops-client>span{width:33px;height:33px}.ops-client div{margin-top:0}.ops-client strong{color:#17151d;font-size:9px}.ops-client small{color:#77727f;font-size:7px}.ops-footer p{max-width:125px}.integration-proof{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.integration-proof article{min-height:126px;padding:19px}.integration-proof strong{font-size:19px}.integration-section{padding:50px 18px}.integration-section-head,.integration-variant-3 .integration-section-head,.integration-variant-6 .integration-section-head,.integration-variant-9 .integration-section-head,.integration-variant-12 .integration-section-head{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.integration-section h2{font-size:38px}.integration-section-head>p{font-size:15px}.connection-grid,.workflow-grid{grid-template-columns:1fr}.connection-card,.workflow-card{min-height:0;padding:20px}.card-number{margin-bottom:20px}.workflow-card{min-height:220px}.integration-rollout{grid-template-columns:1fr;gap:28px}.integration-source{padding:22px 18px;align-items:flex-start;flex-direction:column}.integration-next a{min-height:102px;padding:20px 18px}.integration-next strong{font-size:18px}.integration-cta{padding:30px 18px;grid-template-columns:1fr;gap:18px}.integration-cta h2{font-size:35px}.integration-cta p{font-size:14px;margin-bottom:14px}
}

@media(max-width:480px){
  .integration-page{padding:0 12px}.integration-hero{padding-inline:15px}.integration-scene img{height:235px}.integration-scene figcaption{left:10px;right:10px;bottom:10px;padding:11px 12px;gap:10px}.integration-scene figcaption span{font-size:7px}.integration-scene figcaption strong{font-size:12px}.ops-toolbar{align-items:flex-start}.ops-toolbar::after{display:none}.ops-range button{min-width:36px}.ops-metrics{grid-template-columns:1fr 1fr}.ops-metrics article:last-child{grid-column:1/-1}.ops-canvas,.ops-layout-2 .ops-canvas,.ops-layout-3 .ops-canvas,.ops-layout-4 .ops-canvas,.ops-layout-5 .ops-canvas,.ops-layout-6 .ops-canvas,.ops-layout-7 .ops-canvas,.ops-layout-8 .ops-canvas,.ops-layout-9 .ops-canvas,.ops-layout-10 .ops-canvas,.ops-layout-11 .ops-canvas,.ops-layout-12 .ops-canvas{grid-template-columns:1fr;grid-template-areas:"primary" "secondary" "photo" "tertiary"}.ops-widget li{min-height:42px}.ops-footer{align-items:flex-start;flex-direction:column}.ops-footer p{max-width:none;text-align:left}.integration-proof{grid-template-columns:1fr;gap:8px;padding:10px}.integration-proof article{min-height:96px;padding:16px;display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:center;border:1px solid rgba(168,162,177,.42)!important}.integration-proof strong{font-size:18px}.integration-section{padding:44px 15px}.integration-next{grid-template-columns:1fr}.integration-next a{border-right:0;border-bottom:1px solid var(--integration-line)}.integration-next a:last-child{border-bottom:0;text-align:left}.integration-cta{padding:28px 15px}.integration-cta h2{font-size:32px}
}

@media(prefers-reduced-motion:reduce){.integration-primary,.integration-secondary,.connection-card,.workflow-card,.integration-next a,.ops-range button,.integration-proof article{transition:none!important}}

/* Long integration titles should not dominate narrow screens. */
@media(max-width:820px){
  .integration-hero h1{max-width:350px;font-size:clamp(32px,8.7vw,34px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
}