/* Home: two feature boxes on a white section */
.iais-duo{background:#fff;padding:50px 24px;font-family:"Plus Jakarta Sans",sans-serif}
.iais-duo *{box-sizing:border-box}
.iais-duo-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.iais-duo-box{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:640px}
.iais-duo-ai{background:#1c63ff}
.iais-duo-saas{background:#f7b3ff}
.iais-duo-copy{padding:48px 48px 0}
html body .iais-duo h2#iais-duo-ai-title,html body .iais-duo h2#iais-duo-saas-title{margin:0 0 22px!important;font-family:"Plus Jakarta Sans",sans-serif!important;font-size:clamp(28px,2.7vw,44px)!important;font-weight:400!important;line-height:1.25!important;letter-spacing:-.02em!important;text-transform:none!important;background:none!important}
.iais-duo h2 em{font-style:italic;font-weight:800}
html body .iais-duo h2#iais-duo-ai-title,html body #iais-duo-ai-title em{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .iais-duo h2#iais-duo-saas-title,html body #iais-duo-saas-title em{color:#0f0f0f!important;-webkit-text-fill-color:#0f0f0f!important}
html body #iais-duo-ai-title ~ p{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body #iais-duo-saas-title ~ p{color:#1f1f1f!important;-webkit-text-fill-color:#1f1f1f!important}
html body .iais-duo #iais-duo-ai-title ~ p,html body .iais-duo #iais-duo-saas-title ~ p{max-width:620px;margin:0 0 40px!important;font-size:16px!important;line-height:1.65!important;font-weight:500}
.iais-duo-btn{display:inline-block;padding:16px 30px;border-radius:40px;background:linear-gradient(180deg,#fff,#eef0f4);color:#141414!important;font-size:16px;font-weight:600;text-decoration:none!important;box-shadow:0 6px 16px #0000001f;transition:transform .2s,box-shadow .2s}
.iais-duo-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000029}
.iais-duo-btn:focus-visible{outline:3px solid #141414;outline-offset:3px}
.iais-duo-media{position:relative;margin-top:auto}
.iais-duo-media-ai{height:300px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%);mask-image:linear-gradient(180deg,transparent 0,#000 28%)}
.iais-duo-media-ai::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff80 1.4px,transparent 1.6px);background-size:16px 16px;-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 45%);mask-image:linear-gradient(90deg,#000 0,transparent 45%);pointer-events:none}
.iais-duo-media-ai img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.iais-duo-media-saas{padding:44px 0 0 48px}
.iais-duo-browser{border-radius:14px 0 0 0;overflow:hidden;background:#0f0f0f;box-shadow:0 20px 40px #6a1a7a33}
.iais-duo-browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#d9f75a}
.iais-duo-browser-bar i{width:12px;height:12px;border-radius:50%;background:#8a9a3a}
.iais-duo-browser-bar span{margin-left:10px;padding:5px 14px;border-radius:20px;background:#f3ffc4;font-size:12px;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iais-duo-browser img{display:block;width:100%;height:240px;object-fit:cover;object-position:top center}
@media(max-width:991px){.iais-duo-grid{grid-template-columns:1fr}.iais-duo-box{min-height:0}.iais-duo-copy{padding:36px 28px 0}.iais-duo-media-saas{padding:32px 0 0 28px}}
@media(max-width:575px){.iais-duo{padding:36px 16px}.iais-duo-copy{padding:28px 20px 0}.iais-duo-media-ai{height:220px}.iais-duo-browser img{height:180px}}
@media(prefers-reduced-motion:reduce){.iais-duo-btn{transition:none}}
/* Handshake image: show the hands (bottom of the image), hide the baked-in title */
.iais-duo-media-ai img{object-position:center 92%}
/* The handshake image has a black background: blend it into the box so no black shows */
.iais-duo-media-ai{isolation:isolate}
.iais-duo-media-ai img{mix-blend-mode:screen}
html body .iais-duo{background:#fff!important}