/* Slide 03: one complete, specific website instead of an abstract comparison. */
#ai-features .clarity-site{width:100%;height:clamp(360px,54vh,640px);overflow:hidden;border:1px solid #978bee;border-radius:15px;background:#f5f0e8;color:#1c2140;box-shadow:0 25px 70px #0009,0 0 48px #513fc936;text-align:left}
#ai-features .clarity-site__page{display:flex;flex-direction:column;height:calc(100% - 37px);min-height:0}
#ai-features .clarity-site__nav{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:clamp(12px,1.8cqw,20px) clamp(16px,2.5cqw,29px);background:#f5f0e8;color:#262068;border-bottom:1px solid #3827d12c;font-size:clamp(8px,1.1cqw,12px);font-weight:800;letter-spacing:.06em;white-space:nowrap}
#ai-features .clarity-site__nav strong{font-size:clamp(18px,2.7cqw,29px);font-weight:900;letter-spacing:-.065em;line-height:1}
#ai-features .clarity-site__nav strong span{color:#ff6c38}
#ai-features .clarity-site__nav strong i{display:inline-block;margin-left:4px;color:#ff6c38;font-size:.62em;font-style:normal;vertical-align:top}
#ai-features .clarity-site__nav b{display:inline-block;padding:8px 10px;background:#3827d1;color:#fff}
#ai-features .clarity-site__hero{position:relative;flex:1;min-height:0;background:#3827d1}
#ai-features .clarity-site__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:58%;height:100%;min-width:0;padding:clamp(18px,3.1cqw,35px);padding-right:clamp(30px,4.4cqw,48px);clip-path:polygon(0 0,100% 0,89% 100%,0 100%);background:radial-gradient(circle at 7% 92%,#765cf1 0,transparent 48%),#3827d1;color:#fff}
#ai-features .clarity-site__copy>small{color:#ffd2ae;font-size:clamp(8px,1.13cqw,12px);font-weight:900;letter-spacing:.11em;line-height:1.3}
#ai-features .clarity-site__copy h3{margin:clamp(15px,2.3cqw,25px) 0;font:900 clamp(30px,5.1cqw,56px)/.9 Archivo,Arial,sans-serif;letter-spacing:-.07em;color:#fff}
#ai-features .clarity-site__copy h3 em{color:#ff9a68;font-style:normal}
#ai-features .clarity-site__copy p{max-width:28ch;margin:0;color:#f2eeff;font-size:clamp(11px,1.52cqw,17px);font-weight:500;line-height:1.36}
#ai-features .clarity-site__copy>b{display:inline-flex;align-items:center;gap:clamp(18px,3cqw,35px);margin-top:clamp(17px,2.7cqw,30px);padding:clamp(10px,1.4cqw,15px) clamp(14px,2cqw,22px);background:#ff8a53;color:#1d1955;font-size:clamp(10px,1.4cqw,15px);font-weight:900;letter-spacing:.02em;white-space:nowrap}
#ai-features .clarity-site__copy>b span{font-size:1.25em}
#ai-features .clarity-site__micro{margin-top:clamp(12px,1.9cqw,21px);color:#d8d1ff;font-size:clamp(8px,1cqw,11px);font-weight:800;letter-spacing:.08em}
#ai-features .clarity-site__hero figure{position:absolute;inset:0;overflow:hidden;min-width:0;margin:0;background:#122260}
#ai-features .clarity-site__hero figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#0c1434a8)}
#ai-features .clarity-site__hero img{width:100%;height:100%;object-fit:cover;object-position:56% 50%;filter:saturate(1.12) contrast(1.03)}
#ai-features .clarity-site__hero figcaption{position:absolute;z-index:1;bottom:clamp(12px,1.8cqw,20px);left:clamp(12px,1.8cqw,20px);right:12px;color:#fff;font-size:clamp(8px,1.15cqw,12px);font-weight:900;letter-spacing:.1em}
#ai-features .clarity-site__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none;height:19%;min-height:78px;background:#ff8a53;color:#242051}
#ai-features .clarity-site__steps>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(10px,1.65cqw,18px);border-right:1px solid #48275d55}
#ai-features .clarity-site__steps>div:last-child{border:0}
#ai-features .clarity-site__steps small{font-size:clamp(8px,1.05cqw,11px);font-weight:800;letter-spacing:.11em}
#ai-features .clarity-site__steps strong{margin-top:6px;font-size:clamp(11px,1.55cqw,17px);font-weight:900;letter-spacing:-.03em;line-height:1.06}

@media(max-width:1000px){
 #ai-features .clarity-site{height:clamp(310px,58vw,520px)}
 #ai-features .clarity-site__page{height:calc(100% - 28px)}
 #ai-features .clarity-site__copy h3{font-size:clamp(28px,5cqw,49px)}
 #ai-features .clarity-site__copy p{font-size:clamp(9px,1.4cqw,13px)}
}
@media(max-width:520px){
 #ai-features .clarity-site{height:345px}
 #ai-features .clarity-site__nav{padding:9px}
 #ai-features .clarity-site__nav strong{font-size:15px}
 #ai-features .clarity-site__nav>span{font-size:6px}
 #ai-features .clarity-site__nav>span b{padding:5px}
 #ai-features .clarity-site__copy{width:62%;padding:11px;padding-right:22px}
 #ai-features .clarity-site__copy>small{font-size:7px}
 #ai-features .clarity-site__copy h3{font-size:clamp(21px,6vw,27px);margin:10px 0}
 #ai-features .clarity-site__copy p{font-size:8px}
 #ai-features .clarity-site__copy>b{font-size:8px;margin-top:10px;padding:7px 9px;gap:8px}
 #ai-features .clarity-site__micro{display:none}
 #ai-features .clarity-site__hero figcaption{font-size:6px;bottom:7px;left:7px}
 #ai-features .clarity-site__steps{height:19%;min-height:62px}
 #ai-features .clarity-site__steps>div{padding:6px}
 #ai-features .clarity-site__steps small{font-size:6px}
 #ai-features .clarity-site__steps strong{font-size:8px;margin-top:3px}
}