/* Figma 499:544 — partnership cards. Copy remains bound to V3 dictionaries. */
#deployments.deployments-figma{position:relative;isolation:isolate;padding:110px 0 128px;background:#f4f5f7;overflow:hidden}
#deployments::before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/conversation/bg.png') center/cover no-repeat;opacity:.1;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
#deployments>.container{width:calc(100% - 64px);max-width:1300px;padding:0}
#deployments .deployment-heading{text-align:center;margin:0 auto 68px}
#deployments .deployment-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:2px 10px;border:4px solid #f9fafc;border-radius:33px;background:#fff;box-shadow:0 0 0 1px #e6e7e9;color:#495057;font:400 14px/20px Arial,sans-serif}
#deployments .deployment-badge img{width:18px;height:18px;flex:none}
#deployments .deployment-heading h2{max-width:none;margin:0 0 18px;color:#262626;font:400 clamp(30px,2.5vw,48px)/1.2 Arial,sans-serif;letter-spacing:-.05em}
#deployments .deployment-intro{max-width:740px;margin:0 auto;color:#595959;font-size:14px;line-height:1.8}
#deployments .deployment-art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#deployments .deployment-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;min-height:500px;padding:72px 38px 44px;border:1px solid #0000001a;border-radius:28px;background:#ededee;isolation:isolate}
#deployments .deployment-art::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:url('../../img/global-presence/texture.png') top left/16.8px 16.8px;opacity:.05;z-index:-1}
#deployments .deployment-art-managed{border:0;border-radius:20px;background:linear-gradient(#a7cce780,#a7cce780),url('../img/paas-ownership/blue.png') center bottom/cover}
#deployments .deployment-art-managed::before{display:none}
#deployments .deployment-stack{position:relative;width: min(100%,442px);margin:0 14px 50px;transform:rotate(-3.34deg);transition:transform .35s ease}
#deployments .deployment-stack::before{content:"";position:absolute;inset:20px -20px -12px 20px;border-radius:16px;background:#d7d7d999;transform:rotate(5.58deg);z-index:-1}
#deployments .deployment-art-managed .deployment-stack::before{background:#a0c8e1}
#deployments .deployment-sheet{padding:22px 26px 26px;background:#fff;border-radius:14px;box-shadow:0 1px 1px #3b3b3b0a,0 3px 3px #3b3b3b08,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
#deployments .deployment-product{margin:0 0 18px;font-size:13px;line-height:1.3;color:#949494}
#deployments .deployment-description{padding:16px 14px;background:#f3f5f8;border-radius:16px;min-height:149px}
#deployments .deployment-description h3{margin:0 0 14px;font-size:16px;line-height:1.35;font-weight:500;color:#262626;letter-spacing:0}
#deployments .deployment-description p{margin:0;color:#808080;font-size:14px;line-height:22px}
#deployments .deployment-tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 0 0;padding:0}
#deployments .deployment-tags li{padding:8px 12px;border-radius:73px;background:#ffffffcc;color:#171717;font-size:12px;line-height:1.3;box-shadow:0 3px 6px #003d7608,0 0 0 1px #0161970a}
#deployments .deployment-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;max-width:100%;padding:10px 24px;border-radius:99px;background:#fcfcfd;color:#0a0a0a;font-size:16px;font-weight:500;line-height:1.3;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}
#deployments .deployment-art-managed .deployment-action{background:#16171c;color:#fff;box-shadow:0 24px 40px #0000001a,0 25px 18px #0000000a}
#deployments .deployment-arrow{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:32px;border-radius:99px;background:#f6f7f8}
#deployments .deployment-arrow img{width:14px;height:12px}
#deployments .deployment-action:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000015}
#deployments .deployment-action:focus-visible{outline:2px solid var(--brand-start);outline-offset:5px}
@media(hover:hover){#deployments .deployment-art:hover .deployment-stack{transform:translateY(-5px) rotate(-2deg)}}
@media(max-width:1000px){#deployments .deployment-art{padding:54px 24px 32px}#deployments .deployment-sheet{padding:20px}#deployments .deployment-tags{gap:8px}#deployments .deployment-tags li{padding:7px 9px}}
@media(max-width:760px){#deployments.deployments-figma{padding:64px 0}#deployments>.container{width:calc(100% - 32px)}#deployments .deployment-heading{margin-bottom:40px}#deployments .deployment-art-grid{grid-template-columns:1fr;gap:20px}#deployments .deployment-art{min-height:460px;padding:48px 28px 32px}#deployments .deployment-stack{width:calc(100% - 12px);margin-bottom:40px}#deployments .deployment-description{min-height:0}#deployments .deployment-action{font-size:14px}#deployments .deployment-heading h2{font-size:32px}#deployments .deployment-badge{font-size:12px}}
@media(prefers-reduced-motion:reduce){#deployments .deployment-stack,#deployments .deployment-action{transition:none;transform:none}}

/* Reuse the hero's expanding-fill interaction for both action variants. */
#deployments .deployment-action{position:relative;isolation:isolate;overflow:hidden;transform:none;transition:color .4s,box-shadow .4s}
#deployments .deployment-action::before{content:"";position:absolute;inset:0;z-index:-1;transition:clip-path .55s cubic-bezier(.22,1,.36,1)}
#deployments .deployment-art-managed .deployment-action::before{background:var(--brand-gradient);clip-path:circle(0 at calc(100% - 40px) 50%)}
#deployments .deployment-art-managed .deployment-action:is(:hover,:focus-visible)::before{clip-path:circle(150% at calc(100% - 40px) 50%)}
#deployments .deployment-art-platform .deployment-action{padding-inline:30px}
#deployments .deployment-art-platform .deployment-action::before{background:#16171c;clip-path:circle(4px at 16px 50%)}
#deployments .deployment-art-platform .deployment-action>.contact-label{display:block;transition:transform .35s,opacity .25s}
#deployments .deployment-art-platform .deployment-action>.contact-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;color:#fff;opacity:0;transform:translateX(18px);transition:transform .35s,opacity .25s;pointer-events:none}
#deployments .deployment-art-platform .deployment-action:is(:hover,:focus-visible)::before{clip-path:circle(150% at 16px 50%)}
#deployments .deployment-art-platform .deployment-action:is(:hover,:focus-visible)>.contact-label{transform:translateX(18px);opacity:0}
#deployments .deployment-art-platform .deployment-action:is(:hover,:focus-visible)>.contact-hover{transform:translateX(0);opacity:1}
#deployments .deployment-action:active{scale:.98}
@media(hover:none){#deployments .deployment-art-platform .deployment-action::before{clip-path:circle(0 at 16px 50%)}}
@media(prefers-reduced-motion:reduce){#deployments .deployment-action,#deployments .deployment-action::before,#deployments .deployment-action span{transition:none}#deployments .deployment-action:active{scale:1}}