/* AI Hub detail page only: shared website CSS remains unchanged. */
.ai-presentation{max-width:1400px;margin:0 auto;background:#f3f1ff;position:relative}
.ai-reference-wide{display:block;width:100%;height:auto}
.ai-intro{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ai-reference-stacked{display:none}
.ai-details{max-width:1280px;padding:0 4.55% 32px;margin:auto}
.ai-explanation{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:42px 0;border-bottom:1px solid #e8ebf0}
.ai-explanation h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;max-width:280px}
.ai-explanation p{font-size:16px;line-height:1.7;color:#647087;margin:0 0 17px}
.ai-explanation p:last-child{margin-bottom:0}
.ai-cta{margin-top:30px;padding:28px 4%;gap:24px}
.ai-cta h2{font-size:25px;line-height:1.2;margin:0}
.ai-cta .ai-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0;text-align:left}
.ai-hub .ai-cta .button.outline{background:transparent;color:#5740ee}
.reference-crop{position:relative;overflow:hidden;width:100%}
.reference-crop img{position:absolute;height:auto;max-width:none}
@media(max-width:1000px){
 .ai-reference-wide{display:none}
 .ai-intro{position:static;width:auto;height:auto;margin:0;padding:32px 4.55% 25px;overflow:visible;clip-path:none;white-space:normal}
 .ai-label{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700;color:#5740ee}
 .ai-intro h1{font-size:38px;line-height:1.1;margin:18px 0 14px;letter-spacing:-1px}
 .ai-intro>p{font-size:18px;line-height:1.5;color:#647087;max-width:660px}
 .ai-reference-stacked{display:block;padding:0 4.55% 24px}
 .ai-reference-stacked figure{margin:0}
 .ai-call{max-width:540px;margin:0 auto 28px!important}
 .ai-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:650px;margin:auto}
 .ai-reference-stacked figcaption{padding:15px 8px 4px}
 .ai-reference-stacked figcaption h2{font-size:18px;line-height:1.25;color:#5740ee}
 .ai-reference-stacked figcaption p{font-size:16px;line-height:1.45;color:#647087;margin-top:7px}
 .ai-explanation{gap:28px;padding:32px 0;grid-template-columns:1fr 2fr}
 .ai-explanation h2{font-size:24px}
 .ai-cta{display:flex;flex-wrap:wrap}
}
@media(max-width:650px){
 .ai-intro{padding:30px 6% 24px}
 .ai-intro h1{font-size:34px}
 .ai-intro>p{font-size:17px}
 .ai-reference-stacked{padding:0 6% 25px}
 .ai-examples{grid-template-columns:1fr;max-width:320px;gap:28px}
 .ai-details{padding:0 6% 24px}
 .ai-explanation{display:block;padding:30px 0}
 .ai-explanation h2{max-width:none;margin-bottom:17px;font-size:25px}
 .ai-explanation p{font-size:16px;line-height:1.65}
 .ai-cta{padding:25px 20px;display:block}
 .ai-cta .ai-cta-actions{margin-top:20px;gap:10px}
 .ai-cta h2{font-size:25px}
}
@media(max-width:650px){.ai-call .reference-crop{aspect-ratio:381/330!important}.ai-call .reference-crop img{width:335.958%!important;left:-235.958%!important}}