/* Slide 04: show the finished work and the enquiry route in one page. */
#ai-features .action-site{display:flex;flex-direction:column;width:100%;height:clamp(360px,54vh,640px);overflow:hidden;border:1px solid #b7c778;border-radius:15px;background:#e9edda;box-shadow:0 25px 70px #0009,0 0 48px #cced592b;color:#10271d;text-align:left}
#ai-features .action-site__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:52px;padding:11px clamp(15px,2.4cqw,27px);background:#e9edda;color:#152d20;border-bottom:1px solid #31543b32;white-space:nowrap}
#ai-features .action-site__nav strong{font-size:clamp(17px,2.8cqw,31px);font-weight:900;letter-spacing:-.075em;line-height:1}
#ai-features .action-site__nav strong span{margin-left:4px;color:#536f39;font-size:.62em;vertical-align:top}
#ai-features .action-site__nav>span{font-size:clamp(7px,1.05cqw,11px);font-weight:800;letter-spacing:.09em}
#ai-features .action-site__body{display:grid;grid-template-columns:54% 46%;flex:1;min-height:0}
#ai-features .action-site__story{position:relative;min-width:0;overflow:hidden;background:#193525;color:white}
#ai-features .action-site__story::after{content:"";position:absolute;inset:12% 0 0;background:linear-gradient(180deg,transparent 20%,#10291ed6 100%)}
#ai-features .action-site__story img{width:100%;height:100%;object-fit:cover;object-position:42% 50%;filter:saturate(1.08) contrast(1.04)}
#ai-features .action-site__story>div{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:clamp(16px,2.8cqw,32px)}
#ai-features .action-site__story small{font-size:clamp(8px,1.15cqw,12px);font-weight:900;letter-spacing:.12em;color:#e2f7ad}
#ai-features .action-site__story h3{margin:clamp(9px,1.4cqw,16px) 0 8px;color:#fff;font-size:clamp(29px,4.3cqw,47px);font-weight:900;line-height:.9;letter-spacing:-.065em}
#ai-features .action-site__story p{margin:0;color:#f4f6e9;font-size:clamp(9px,1.25cqw,14px);font-weight:600;line-height:1.3}
#ai-features .action-site__form{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(16px,2.7cqw,30px);background:#d9f276;color:#183321}
#ai-features .action-site__form>small{font-size:clamp(8px,1.05cqw,11px);font-weight:900;letter-spacing:.13em}
#ai-features .action-site__form h3{max-width:15ch;margin:clamp(10px,1.6cqw,18px) 0 7px;color:#183321;font-size:clamp(27px,4.2cqw,46px);font-weight:900;line-height:.94;letter-spacing:-.065em}
#ai-features .action-site__form p{margin:0 0 clamp(13px,2cqw,22px);font-size:clamp(10px,1.35cqw,15px);font-weight:600;line-height:1.28}
#ai-features .action-site__field{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:clamp(42px,5.5cqw,62px);padding:8px clamp(10px,1.5cqw,16px);margin-bottom:7px;border:1px solid #48644375;background:#f5f8df}
#ai-features .action-site__field span{font-size:clamp(7px,.95cqw,10px);font-weight:900;letter-spacing:.12em;color:#526c40}
#ai-features .action-site__field b{font-size:clamp(11px,1.5cqw,16px);font-weight:800;line-height:1.1}
#ai-features .action-site__button{display:grid;place-items:center;min-height:clamp(34px,4.8cqw,50px);margin-top:clamp(7px,1.2cqw,13px);padding:7px 9px;background:#183321;color:#f9fce9;font-size:clamp(9px,1.25cqw,14px);font-weight:900;letter-spacing:.04em;text-align:center}
#ai-features .action-site__note{margin-top:clamp(7px,1.1cqw,12px);font-size:clamp(7px,.98cqw,11px);font-weight:700;line-height:1.2;color:#46653c}

@media(max-width:1000px){
 #ai-features .action-site{height:clamp(310px,58vw,520px)}
 #ai-features .action-site__nav{min-height:42px}
 #ai-features .action-site__form h3{font-size:clamp(22px,3.8cqw,36px)}
 #ai-features .action-site__story h3{font-size:clamp(26px,4cqw,39px)}
}
@media(max-width:520px){
 #ai-features .action-site{height:335px}
 #ai-features .action-site__nav{min-height:34px;padding:7px 9px}
 #ai-features .action-site__nav strong{font-size:14px}
 #ai-features .action-site__nav>span{font-size:6px}
 #ai-features .action-site__body{grid-template-columns:45% 55%}
 #ai-features .action-site__story>div{padding:9px}
 #ai-features .action-site__story small{font-size:6px}
 #ai-features .action-site__story h3{font-size:20px;margin:8px 0 6px}
 #ai-features .action-site__story p{font-size:7px}
 #ai-features .action-site__form{padding:10px}
 #ai-features .action-site__form>small{font-size:6px}
 #ai-features .action-site__form h3{font-size:22px;margin:8px 0 5px}
 #ai-features .action-site__form p{font-size:8px;margin-bottom:8px}
 #ai-features .action-site__field{min-height:37px;margin-bottom:5px;padding:6px}
 #ai-features .action-site__field span{font-size:6px}
 #ai-features .action-site__field b{font-size:9px}
 #ai-features .action-site__button{min-height:32px;font-size:8px;margin-top:6px}
 #ai-features .action-site__note{font-size:6px;margin-top:6px}
}