/* Approved compositions: four columns on desktop; four quadrants on tablet and phone. */
.df-device-polish .dn-capability-grid:has(.af-art){grid-template-columns:1fr!important;gap:25px!important}.dn-capability-grid:has(.af-art) .dn-heading{max-width:900px;margin-bottom:0}.dn-capability-art.af-art{border:0!important;background:transparent!important;overflow:visible!important}.af-approved-flow{margin:0;background:#111;border:1px solid #6b7280;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #1112;color:#fff}.af-picture-stage{position:relative;background:#111}.af-picture-stage picture{display:block;aspect-ratio:3}.af-picture-stage img{display:block;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.af-stage-focus{position:absolute;top:12%;left:1%;width:24.5%;height:76%;border:2px solid #f05a28;border-radius:10px;box-shadow:0 0 20px #f05a2866;pointer-events:none;transition:left .25s ease,top .25s ease;box-sizing:border-box}.af-stage-focus[hidden]{display:none}.af-art[data-active-stage="1"] .af-stage-focus{left:29%}.af-art[data-active-stage="2"] .af-stage-focus{left:52%}.af-art[data-active-stage="3"] .af-stage-focus{left:75.7%}.af-art[data-active-stage="1"] .af-stage-focus{width:20.5%}.af-art[data-active-stage="2"] .af-stage-focus{width:21.3%}.af-art[data-active-stage="3"] .af-stage-focus{width:23.5%}.af-approved-flow figcaption{background:#111;padding:22px!important;border-top:1px solid #6b7280}.af-stage-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.af-stage-buttons button{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:48px;border:1px solid #6b7280;border-radius:7px;background:#111;color:#e5e7eb;font:inherit;font-size:12px;line-height:1.5;text-align:left;cursor:pointer}.af-stage-buttons b{font:11px monospace;color:#f05a28}.af-stage-buttons .fv-icon{width:19px;height:19px;color:#f05a28;margin-left:auto;flex-shrink:0}.af-stage-buttons button[aria-pressed=true]{background:#f05a28;color:#111;border-color:#f05a28}.af-stage-buttons button[aria-pressed=true] b,.af-stage-buttons button[aria-pressed=true] .fv-icon{color:#111}.af-stage-description{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;min-height:84px}.af-stage-description>div{max-width:780px}.af-stage-description strong{display:block;color:#fff!important;font-size:15px;font-weight:500;line-height:1.5}.af-stage-description p{font-size:13px!important;line-height:1.7!important;color:#e5e7eb!important;margin:7px 0 0!important}.af-stage-description>a{color:#f05a28!important;font-size:12px;text-decoration:none;line-height:1.5;display:flex;align-items:center;gap:7px;flex:0 0 auto}.af-stage-description>a .fv-icon{width:20px;height:20px}
@media(min-width:768px) and (max-width:1023px){.af-picture-stage picture{aspect-ratio:1}.af-stage-focus{left:2%;top:7.5%;width:47%!important;height:41.5%}.af-art[data-active-stage="1"] .af-stage-focus{left:51%;top:7.5%}.af-art[data-active-stage="2"] .af-stage-focus{left:2%;top:51%}.af-art[data-active-stage="3"] .af-stage-focus{left:51%;top:51%}.af-stage-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.af-stage-buttons button{padding:11px 10px;gap:7px;font-size:11px}.af-stage-buttons .fv-icon{display:none}.af-stage-description{align-items:start;gap:20px}.af-stage-description>a{max-width:180px;flex:0 1 180px}}
@media(max-width:767px){
 .af-approved-flow{border-radius:10px}
 .af-picture-stage picture{aspect-ratio:1}
 .af-stage-focus{left:2%!important;top:7.5%;width:47%!important;height:41.5%!important;border-radius:7px;box-shadow:0 0 12px #f05a2844}
 .af-art[data-active-stage="1"] .af-stage-focus{left:51%!important;top:7.5%}
 .af-art[data-active-stage="2"] .af-stage-focus{left:2%!important;top:51%}
 .af-art[data-active-stage="3"] .af-stage-focus{left:51%!important;top:51%}
 .af-approved-flow figcaption{padding:14px!important}
 .af-stage-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .af-stage-buttons button{font-size:12px;padding:10px 9px;gap:7px;min-height:46px}
 .af-stage-buttons b{font-size:10px}
 .af-stage-buttons .fv-icon{display:none}
 .af-stage-description{display:grid;gap:10px;margin-top:12px;min-height:0}
 .af-stage-description strong{font-size:14px}
 .af-stage-description p{font-size:13px!important;line-height:1.55!important}
 .af-stage-description>a{font-size:12px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.af-stage-focus{transition:none}}

/* Phone: four shorter, readable stages using crops of the same approved artwork. */
.af-mobile-stack{display:none}
@media(max-width:767px){
 .af-approved-flow>.af-picture-stage,.af-approved-flow>figcaption{display:none}
 .af-approved-flow{background:transparent;border:0;box-shadow:none;overflow:visible}
 .af-mobile-stack{display:grid;gap:12px}
 .af-mobile-card{border:1px solid #6b728066;border-radius:10px;background:#111;overflow:hidden}
 .af-mobile-card>summary{display:block;cursor:pointer;list-style:none}
 .af-mobile-card>summary::-webkit-details-marker{display:none}
 .af-mobile-title{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:48px}
 .af-mobile-title>b{font:11px monospace;color:#f05a28}
 .af-mobile-title>strong{font-size:16px;font-weight:500;color:#fff}
 .af-mobile-title>i{font-size:23px;color:#f05a28;font-style:normal;margin-left:auto;line-height:1}
 .af-mobile-card[open] .af-mobile-title>i{transform:rotate(45deg)}
 .af-mobile-card>summary>img{display:block;width:100%;height:clamp(130px,42vw,190px);object-fit:cover;object-position:center}
 .af-mobile-detail{padding:12px 14px 4px;border-top:1px solid #6b728055}
 .af-mobile-detail>p{font-size:13px!important;line-height:1.55!important;color:#e5e7eb!important}
 .af-mobile-detail>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5;color:#f05a28!important;margin-top:6px}
 .af-mobile-card>summary:focus-visible{outline:2px solid #f05a28;outline-offset:-3px}
}

/* Compact Home AI preview: technical roles, not a second numbered workflow. */
#df-capabilities .dn-heading:has(.af-ai-preview){max-width:none}
#df-capabilities .af-ai-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:24px 0 8px}
#df-capabilities .af-ai-preview li{position:relative;min-width:0;margin:0;padding:18px;background:#f6f7f8;border:1px solid #e5e7eb;border-top:2px solid #f05a28;border-radius:0 0 10px 10px}
#df-capabilities .af-ai-symbol{display:block;width:25px;height:25px;color:#f05a28;margin-bottom:12px}
#df-capabilities .af-ai-symbol .fv-icon{width:25px;height:25px}
#df-capabilities .af-ai-preview h3{font-size:17px;line-height:1.35;letter-spacing:-.2px;color:#111;margin:0 0 8px;font-weight:600}
#df-capabilities .af-ai-preview p{font-size:15px;line-height:1.5;color:#4b5563;margin:0}
#df-capabilities .af-ai-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;color:#111}
#df-capabilities .af-ai-link .fv-icon{width:18px;height:18px;color:#f05a28}
@media(max-width:1023px){#df-capabilities .af-ai-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#df-capabilities .af-ai-preview li{padding:16px}}
@media(max-width:359px){#df-capabilities .af-ai-preview{gap:10px}#df-capabilities .af-ai-preview li{padding:14px 12px}#df-capabilities .af-ai-preview h3{font-size:16px}}