/* Areas: the three-card Orlando workflow, scoped to this component. */
.areas-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:0;padding:0;list-style:none}
.areas-workflow-grid>li{position:relative;min-height:255px;padding:0;overflow:visible;border:1px solid #d7e2ea;border-radius:6px;background:#fff;box-shadow:0 9px 24px rgba(5,46,78,.055)}
.areas-workflow-grid>li:not(:last-child)::after{content:"→";position:absolute;z-index:3;top:50%;right:-32px;width:22px;color:#159cf3;font-size:2rem;line-height:1;text-align:center;text-shadow:0 3px 12px rgba(21,156,243,.22);transform:translateY(-50%)}
.areas-workflow-image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:5px 5px 0 0;background:#eaf2f8}
.areas-workflow-image img{display:block;width:100%;height:100%;object-fit:cover}
.areas-workflow-title{display:flex;align-items:center;gap:15px;margin:26px 24px 23px}
.areas-workflow-title>span{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#061b30;color:#fff;font-size:1rem;font-weight:800;box-shadow:0 0 0 6px #e6f5ff;animation:areas-workflow-glow 3s ease-in-out infinite}
.areas-workflow-grid>li:nth-child(2) .areas-workflow-title>span{animation-delay:1s}.areas-workflow-grid>li:nth-child(3) .areas-workflow-title>span{animation-delay:2s}
.areas-workflow-title h3{margin:0;color:#071522;font-size:.87rem;font-weight:800;line-height:1.35}
.areas-workflow-grid>li>p{margin:0;padding:0 24px 28px;color:#596a78;font-size:.76rem;line-height:1.72}
@keyframes areas-workflow-glow{0%,20%,100%{background:#061b30;box-shadow:0 0 0 6px #e6f5ff}5%,15%{background:#0bc747;box-shadow:0 0 0 6px #daf9e4,0 0 25px rgba(11,199,71,.45)}}

@media(max-width:1100px){
.areas-workflow-grid{grid-template-columns:1fr;gap:58px}
.areas-workflow-grid>li{min-height:0}
.areas-workflow-grid>li:not(:last-child)::after{content:"↓";display:block;top:auto;right:50%;bottom:-46px;width:34px;transform:translateX(50%);font-size:2rem;line-height:1;text-align:center}
}
@media(max-width:620px){
.areas-workflow-grid>li:not(:last-child)::before{content:"";position:absolute;z-index:3;left:50%;bottom:-34px;width:0;height:28px;border-left:2px dotted #149cf2;transform:translateX(-50%);animation:areas-workflow-arrow-dots 2.3s ease-in-out infinite;pointer-events:none}
.areas-workflow-grid>li:not(:last-child)::after{content:"";display:block;top:auto;right:auto;left:50%;bottom:-40px;width:10px;height:10px;border:0;border-right:2px solid #149cf2;border-bottom:2px solid #149cf2;border-radius:1px;transform:translateX(-50%) rotate(45deg);font-size:0;text-shadow:none;animation:areas-workflow-arrow-tip 2.3s ease-in-out infinite;pointer-events:none}
.areas-workflow-title{margin:24px 22px 16px}
.areas-workflow-grid>li>p{padding:0 22px 26px}
}
@keyframes areas-workflow-arrow-dots{0%,100%{opacity:.38;transform:translate(-50%,-2px)}50%{opacity:1;transform:translate(-50%,3px)}}
@keyframes areas-workflow-arrow-tip{0%,100%{opacity:.45;transform:translate(-50%,-2px) rotate(45deg)}50%{opacity:1;transform:translate(-50%,4px) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){
.areas-workflow-title>span,.areas-workflow-grid>li::before,.areas-workflow-grid>li::after{animation:none}
.areas-workflow-grid>li:first-child .areas-workflow-title>span{background:#0bc84e;box-shadow:0 0 0 7px rgba(11,200,78,.09)}
}