.xt-app-hero{background:var(--color-primary);padding:64px 0;color:#fff}.xt-app-hero h1{color:#fff;font-size:40px;margin-bottom:14px}.xt-app-hero p{color:rgba(255,255,255,.85);font-size:17px;max-width:680px}.xt-app-category{padding:var(--section-py) 0}.xt-app-category:nth-child(2n){background:var(--color-bg-alt)}.xt-app-category-header{margin-bottom:32px}.xt-app-category-header h2{font-size:28px;margin-bottom:10px}.xt-app-category-header p{font-size:15px;color:var(--color-text-secondary);max-width:640px}.xt-app-card{border:2px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;background:#fff;height:100%;transition:border-color var(--transition-fast),transform .2s ease}.xt-app-card:hover{border-color:var(--color-primary-light);transform:translateY(-3px)}.xt-app-card .xt-app-card-img{aspect-ratio:4/3;overflow:hidden}.xt-app-card .xt-app-card-img ai-img,.xt-app-card .xt-app-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.xt-app-card:hover .xt-app-card-img ai-img,.xt-app-card:hover .xt-app-card-img img{transform:scale(1.04)}.xt-app-card .xt-app-card-body{padding:18px}.xt-app-card .xt-app-card-body h4{font-size:16px;margin-bottom:6px}.xt-app-card .xt-app-card-body p{font-size:13px;color:var(--color-text-muted);line-height:1.6;margin:0}.xt-materials-section{padding:var(--section-py) 0;background:var(--color-primary-dark);color:#fff}.xt-materials-section h2{color:#fff;font-size:28px;margin-bottom:12px}.xt-materials-section p{color:rgba(255,255,255,.8)}.xt-material-chip{display:inline-block;background:rgba(255,255,255,.12);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;margin:4px;transition:background var(--transition-fast)}.xt-material-chip:hover{background:rgba(255,255,255,.22)}.xt-app-cta{padding:var(--section-py) 0;text-align:center}.xt-app-cta h2{font-size:28px;margin-bottom:12px}.xt-app-cta p{color:var(--color-text-secondary);font-size:16px;margin-bottom:24px;max-width:560px;margin-left:auto;margin-right:auto}@media (max-width:768px){.xt-app-hero h1{font-size:30px}.xt-app-category-header h2{font-size:24px}}