.at-product-frame-real{width:min(710px,100%);max-width:100%;min-width:0;justify-self:start;transform:none!important}
.at-product-frame-real .at-frame-label{position:static;display:block;margin:0 0 10px;color:#aeb8aa;text-align:right}
.at-real-product-window{width:100%;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#fff;box-shadow:0 36px 80px rgba(0,0,0,.38),0 0 0 8px rgba(255,255,255,.035)}
.at-real-browser{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-bottom:1px solid #d9e1e7;background:#fff;color:#74818c;font-size:.7rem}
.at-real-browser i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#dfe4e8}
.at-real-browser i:first-child{background:#e98c76}.at-real-browser i:nth-child(2){background:#efc36e}.at-real-browser i:nth-child(3){background:#79c995}
.at-real-browser span{min-width:0;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at-real-product-window>a{display:block;width:100%;overflow:hidden;background:#fff}
.at-real-product-window img{display:block;width:100%;max-width:100%;height:auto}
.at-real-product-note{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:0 0 14px 14px;background:#f4f7f8;color:#172033}
.at-real-product-note strong{flex:0 0 auto;font-size:.85rem}.at-real-product-note span{max-width:430px;color:#60707c;font-size:.72rem;line-height:1.5;text-align:right}

.at-workflow-line-real{min-width:0}
.at-step-real{min-width:0;padding:18px 14px 26px!important;overflow:hidden}
.at-step-real+.at-step-real{padding-left:14px!important}
.at-step-shot{display:block;width:100%;height:142px;margin:24px 0 20px;overflow:hidden;border:1px solid #cfd9e0;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(22,43,61,.08)}
.at-step-shot img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center;transition:transform .25s ease}
.at-step-shot:hover img{transform:scale(1.025)}
.at-step-real:nth-child(3) .at-step-shot img{object-position:center}
.at-step-real h3{font-size:1.08rem}

.at-capability-shot{display:block;width:100%;height:190px;margin-top:23px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#f5f8fa}
.at-capability-featured .at-capability-shot{height:210px;border-color:rgba(16,19,15,.18)}
.at-capability-shot img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center;transition:transform .25s ease}
.at-capability-shot:hover img{transform:scale(1.02)}
.at-capability-shot-finding img{object-position:center 43%}
.at-capability-shot-risk img{object-position:top left}
.at-capability-shot-testing img{object-position:center}
.at-capability-shot-export{background:#eef3f6}
.at-capability-shot-export img{object-fit:contain;object-position:top center}
.at-capability-shot-followup img{object-position:top left}
.at-capability h3{margin-top:20px}

.at-judgment-card-real{min-width:0;min-height:0;padding:0!important;overflow:hidden}
.at-judgment-card-real>a{display:block;width:100%;height:390px;overflow:hidden;background:#fff}
.at-judgment-card-real img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.at-judgment-card-real>span{display:block;padding:14px 16px;border-top:1px solid #cbd6dd;background:#172033;color:#fff;font-size:.72rem;line-height:1.45}

@media(max-width:1040px){
 .at-step-shot{height:170px}
 .at-workflow-line-real{grid-template-columns:repeat(2,minmax(0,1fr))}
 .at-step-real{border-bottom:1px solid #d7ded9}
 .at-step-real:last-child{grid-column:1/-1}
}
@media(max-width:700px){
 .at-product-frame-real{width:100%!important;max-width:100%;transform:none!important}
 .at-real-product-note{flex-direction:column;gap:5px}
 .at-real-product-note span{text-align:left}
 .at-workflow-line-real{grid-template-columns:1fr}
 .at-step-real,.at-step-real+.at-step-real{padding:16px 0 24px!important;border-right:0}
 .at-step-real:last-child{grid-column:auto}
 .at-step-shot{height:210px;margin:14px 0 18px}
 .at-capability-shot,.at-capability-featured .at-capability-shot{height:220px}
 .at-capability-shot-export{height:300px!important}
 .at-judgment-card-real>a{height:auto}
 .at-judgment-card-real img{height:auto;object-fit:contain}
}
@media(max-width:430px){
 .at-real-browser{height:34px}
 .at-step-shot{height:175px}
 .at-capability-shot,.at-capability-featured .at-capability-shot{height:185px}
 .at-capability-shot-export{height:270px!important}
}
